Kendo单页面应用(Single-Page Application,缩写为SPA)定义了一组类用于简化Web应用(Rich Client)开发,最常见的单页面应用为Gmail应用,使用单页面可以给用户有使用桌面应用的用户体验.Kendo 的Route类负责跟踪应用的当前状态和支持在应用的不同状态之间切换.Route通过Url的片段功能(#url)和流量器的浏览历史功能融合在一起.从而可以支持把应用的某个状态作为书签添加到浏览器中.Route也支持通过代码在应用的不同状态之间切换.View和La…

Route类负责跟踪应用的当前状态和支持在应用的不同状态之间切换.Route通过Url的片段功能(#url)和流量器的浏览历史功能融合在一起.从而可以支持把应用的某个状态作为书签添加到浏览器中.Route也支持通过代码在应用的不同状态之间切换. Router根路径回调函数 1 <script> 2     var router = new kendo.Router(); 3   4     router.route("/", function() { 5         c…

Layout继承自View,可以用来包含其它的View或是Layout.下面例子使用Layout来显示一个View 1 <div id="app"></div> 2   3 <script> 4     var view = new kendo.View("<span>Foo</span>"); 5   6     var layout = new kendo.Layout("<header…

View为屏幕上某个可视部分,可以处理用户事件. View可以通过HTML创建或是通过script元素.缺省情况下View将其所包含的内容封装在一个Div元素中.Kendo创建View有两种方式: 使用HTML 字符串创建View 1 <script> 2     var index = new kendo.View('<span>Hello World!</span>'); 3 </script> 或是使用 使用Script模板创建View 1 <s…

前面基本介绍完Kendo UI开发的基本概念和开发步骤,Kendo UI的示例网站为http://demos.kendoui.com/ ,包含了三个部分 Web DemoMobile DemoDataViz Demo 主要提供了每个部分UI组件的具体用法,比如Web Demos 包含了下面 Mobile Demo 包含下面示例: DataViz Deom 包含下面示例: 在正式开发Kendo Web应用前,需要把每个例子一一过一遍,对Kendo提供的UI组件的功能有个大概的了解,再看看本系列教程…

本篇和Kendo UI开发教程(14): Kendo MVVM 数据绑定(三) Click类似,为事件绑定的一般形式.Events绑定支持将ViewModel的方法绑定到DOM元素的事件处理(如鼠标事件).例如: 1 <div id="view"> 2     <span data-bind="events: { mouseover: showDescription, mouseout: hideDescription }">Show des…

Kendo UI Validator 支持了客户端校验的便捷方法,它基于HTML 5 的表单校验功能,支持很多内置的校验规则,同时也提供了自定义规则的便捷方法. 完整的Kendo UI 的Validator可以参见API 文档. HTML 5 表单校验 HTML5 的一项重要功能是HTML 5 表单校验属性, 通过设置限制属性为HTML输入设置输入类型,值域等,然后由浏览器来检查输入是否合法. 支持的几种规则有: 必填域 正规表达式规则 最大,最小值域 HTML 5 数据类型( 如EMail,…

Kendo UI 开发教程 jQuery UI 是一套 JavaScript 函式库,提供抽象化.可自订主题的 GUI 控制项与动画效果.基于 jQuery JavaScript 函式库,可用来建构互动式的 Web 应用. 在开发 Web 应用时,可以直接使用 jQueryUI ,也可以使用其它一些基于 jQuery 的其它 UI 框架,其中 Kendo (日文剑道) UI 就是其中的佼佼者.两种框架各有所长,下表列出两种 UI 框架的简单比较: 分类 jQuery UI Kendo UI Wi…

Kendo UI 支持开发Web应用,前面介绍的SPA,也支持开发移动应用,至于使用 HTML5 + JavaScript + CSS开发移动是不是一个好的选择不在本文的讨论之中.Kendo UI Mobile提供了一种快速开发跨手机平台的方法(Kendo UI可以使得这种Web应用在界面上看起来和本地应用非常类似).如果你的移动应用需要数据的支持,了解一些JSON方面计的知识也是必须的.借助于PhoneGap 等工具可以HTML5打包成移动平台的本地应用,并支持使用JavaScript访问一些…

Kendo 的数据源支持本地数据源(JavaScript 对象数组),或者远程数据源(XML, JSON, JSONP),支持CRUD操作(创建,读取,更新和删除操作),并支持排序,分页,过滤,分组和集合等. 准备开始 下面创建一个本地数据源. 1 var movies = [ { 2       title: "Star Wars: A New Hope", 3       year: 1977 4    }, { 5      title: "Star Wars: The…