随笔分类 - Kendo ui
摘要：Kendo UI 移动应用开发简介 Kendo UI 支持开发 Web 应用，前面介绍的 SPA，也支持开发移动应用，至于使用 HTML5 + JavaScript + CSS 开发移动是不是一个好的选择不在本文的讨论之中。Kendo UI Mobile 提供了一种快速开发跨手机平台的方法（ Ken
阅读全文
摘要：Kendo UI 单页面应用(四) Layout Layout 继承自 View，可以用来包含其它的 View 或是 Layout。下面例子使用 Layout 来显示一个 View <div id="app"></div> <script> var view = new kendo.View("<s
阅读全文
摘要：Kendo UI 单页面应用(三) View view 为屏幕上某个可视部分，可以处理用户事件。 View 可以通过 HTML 创建或是通过 script 元素。缺省情况下 View 将其所包含的内容封装在一个 Div 元素中。Kendo 创建 View 有两种方式： 使用 HTML 字符串创建 V
阅读全文
摘要：Kendo UI 单页面应用(二) Router 类 Route 类负责跟踪应用的当前状态和支持在应用的不同状态之间切换。Route 通过 Url 的片段功能（#url)和流量器的浏览历史功能融合在一起。从而可以支持把应用的某个状态作为书签添加到浏览器中。Route 也支持通过代码在应用的不同状态之
阅读全文
摘要：Kendo 单页面应用(一)概述 Kendo 单页面应用(Single-Page Application,缩写为 SPA）定义了一组类用于简化 Web 应用（Rich Client）开发，最常见的单页面应用为 Gmail 应用，使用单页面可以给用户有使用桌面应用的用户体验。Kendo 的 Route
阅读全文
摘要：Kendo MVVM 数据绑定(十一) Value Value 绑定可以把 ViewModel 的某个属性绑定到 DOM 元素或某个 UI 组件的 Value 属性。当用户修改 DOM 元素或 UI 组件的值时，绑定的 ViewModel 的值也随之发生改名。同样，如果 ViewModel 的值发生
阅读全文
摘要：Kendo MVVM 数据绑定(十) Source Source 绑定可以把 ViewModel 的值和由 Kendo 模板定义的目标元素绑定，如果 ViewModel 的值发生变化，被绑定的目标元素也随之发生变化。模板由属性 data-template 指定，它的值为某个 script 定义的模板
阅读全文
摘要：Kendo MVVM 数据绑定(九) Text Text 绑定可以使用 ViewModel 来设置 DOM 元素的文本属性，如果需要设置 input,textarea,或 select 的显示，需要使用 value 属性。 <span data-bind="text: name"></span> <
阅读全文
摘要：Kendo MVVM 数据绑定(八) Style Style 绑定可以通过 ViewModel 绑定到 DOM 元素 CSS 风格属性，例如： <span data-bind="style: {color: priceColor, fontWeight: priceFontWeight},text:
阅读全文
摘要：Kendo MVVM 数据绑定(七) Invisible/Visible Invisible/Visible 绑定可以根据 ViewModel 的某个属性来显示/隐藏 DOM 元素。例如： <div id="view"> <div data-bind="invisible: isInvisible"
阅读全文
摘要：Kendo MVVM 数据绑定(六) Html Html 绑定可以使用 ViewMod e 的属性来设置 DOM 元素的 innerHTML 属性。如果 ViewModel 的属性的数据类型不是字符串，比如（Text， Number 或者 Date),那么会调用 toString() 方法，将这些值
阅读全文
摘要：Kendo MVVM 数据绑定(五) Events 本篇和 Kendo MVVM 数据绑定(三) Click 类似，为事件绑定的一般形式。Events 绑定支持将 ViewModel 的方法绑定到 DOM 元素的事件处理（如鼠标事件）。例如： 实际上，click 绑定是 events 绑定的一个特例
阅读全文
摘要：Kendo MVVM 数据绑定(四) Disabled/Enabled Disabled 和 Enabled 绑定可以根据 ViewModel 的某个属性值的 true,false 来设置 DOM 元素的 enabled 和 diabled 属性。Disabled/enabled 属性只适用于 in
阅读全文
摘要：Kendo MVVM 数据绑定(三) Click Click 绑定可以把由 ViewModel 定义的方法不绑定到目标 DOM 的 click 事件。当点击目标 DOM 元素时触发 ViewModel 的对应方法。例如： 使用 Click 绑定 实际上，click 绑定是 events 绑定的一个特
阅读全文
摘要：Kendo MVVM 数据绑定(二) Checked Checked 绑定用在 checkbox ()或 radio button ()上。注意： checked 绑定只适用于支持 checked 的 DOM 元素，其它 DOM 元素的值可以使用 value 绑定。 多选钮(Checkedbox）
阅读全文
摘要：Kendo MVVM 数据绑定(一) attr Kendo UI MVVM 数据绑定支持的绑定属性有 attr, checked, click, custom , disabled,enabled, events, html, invisible, , style, text ,value, vis
阅读全文
摘要：概述 Kendo MVVM 框架关键的一个部分为 ViewModel，它主要是通过 kendo.data.ObserableObject 来提供支持的。它可以监控改变（ UI 变化或是值的变化）并通知关心该变化的组件。 本篇以下 ViewModel 和 ObservableObject 代表同一对象
阅读全文
摘要：Kendo MVVM (一) 概述 Model View ViewModel (MVVM) 是开发人员经常使用的一种设计模式，以实现数据模型（Model）和视图（View）的分离。MVVM 中的 ViewModel 部分负责把模型中的数据对象以某种方便的形式和 View 结合起来（通常是通过数据绑定
阅读全文
摘要：Kendo UI Validator 概述 Kendo UI Validator 支持了客戶端校驗的便捷方法，它基於 HTML 5 的表單校驗功能，支持很多內置的校驗規則，同時也提供了自定義規則的便捷方法。 HTML 5 表單校驗 HTML5 的一項重要功能是HTML 5 表單校驗屬性， 通過設置限
阅读全文
摘要：Kendo UI 特效概述 Kendo UI Fx 提供了一个丰富，可扩展，性能经过优化的工具集合用来完成 HTML 元素的过渡显示。每种特效近可能的使用 CSS Transition ，对于一些老版本浏览器使用修改属性的方法作为补充。所有动画可以反向显示从而可以方便的实现元素的显示和隐藏。 本篇介
阅读全文
浙公网安备 33010602011771号