引路蜂移动软件

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

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

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

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

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

Value绑定可以把ViewModel的某个属性绑定到DOM元素或某个UI组件的Value属性。当用户修改DOM元素或UI组件的值时，绑定的ViewModel的值也随之发生改名。同样，如果ViewModel的值发生变化，对应的UI也会发生变化。注：Value绑定只可以用在支持Value属性的DOM元素或UI组件。支持Value绑定的元素有input,textarea和select, 支持value

Source绑定可以把ViewModel的值和由Kendo模板定义的目标元素绑定，如果ViewModel的值发生变化，被绑定的目标元素也随之发生变化。模板由属性data-template指定，它的值为某个script定义的模板的id.如果没有指明模板，则根据元素的标记使用缺省的模版。Source绑定到数组当ViewModel的值 为一数组时，那么通过Source绑定到模板时，会把数组中每个元素逐个

Text绑定可以使用ViewModel来设置DOM元素的文本属性，如果需要设置input,textarea,或select的显示，需要使用value属性。1span data-bind="text: name">span>2script>3var viewModel = kendo.observable({4    name: "John Doe"5});6 7kendo.bind($("span

Style绑定可以通过ViewModel绑定到DOM元素CSS风格属性，例如：1span data-bind="style: {color: priceColor, fontWeight: priceFontWeight},2             text: price">span>3 4script>5var viewModel = kendo.observable({6    price:

Invisible/Visible绑定可以根据ViewModel的某个属性来显示/隐藏DOM元素。例如：1div id="view">2    div data-bind="invisible: isInvisible">some content3        4    div>5     button data-bind="click: show">Showbutton>6div>7scrip

Html绑定可以使用ViewMode的属性来设置DOM元素的innerHTML属性。如果ViewModel的属性的数据类型不是字符串，比如（Text，Number或者Date),那么会调用toString()方法，将这些值转为字符串。注意:如果需要设置input,textarea或是select的值，需要使用value绑定。例如：1span data-bind="html: name">span>

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

Disabled和Enabled绑定可以根据ViewModel的某个属性值的true,false来设置DOM元素的enabled和diabled属性。Disabled/enabled属性只适用于input,select和textarea元素，当这些输入元素disabled后，用户无法修改其值。1div id="view">2input type="text" data-bind="value: n

Click绑定可以把由ViewModel定义的方法不绑定到目标DOM的click事件。当点击目标DOM元素时触发ViewModel的对应方法。例如：使用Click绑定1div id="view">2    span data-bind="click: showDescription">Show descriptionspan>3    span data-bind="visible: isDesc

Checked绑定用在checkbox ()或 radio button ()上。注意：checked绑定只适用于支持checked的DOM元素，其它DOM元素的值可以使用value绑定。多选钮(Checkedbox） checked绑定使用Kendo checked绑定到checkbox时，当ViewModel对应的值为true, Checkbox显示选中状态，而当用户点击checkbox选择状

Kendo UI MVVM数据绑定支持的绑定属性有 attr, checked, click, custom , disabled,enabled, events, html, invisible, , style, text ,value, visible ，这些属性可以绑定到DOM元素或是Kendo UI组件的属性。本篇介绍 attr 绑定。attr 支持把ViewModel的属性或方法绑定到

概述Kendo MVVM框架关键的一个部分为ViewModel，它主要是通过kendo.data.ObserableObject来提供支持的。它可以监控改变（UI变化或是值的变化）并通知关心该变化的组件。 本篇以下ViewModel 和 ObservableObject 代表同一对象。为了创建一个ObservableObject 对象，可以通过创建一个新kendo.data.ObservableO

Model View ViewModel (MVVM)  是开发人员经常使用的一种设计模式，以实现数据模型（Model）和视图（View）的分离。MVVM中的ViewModel部分负责把模型中的数据对象以某种方便的形式和View结合起来（通常是通过数据绑定的方式）。Kendo MVVM实现了MVVN设计模式，并且支持和Kendo框架的其它部分（如UI组件和数据源）的无缝连接。准备开始使用MVVM模

Kendo UI Validator 支持了客户端校验的便捷方法，它基于HTML 5 的表单校验功能，支持很多内置的校验规则，同时也提供了自定义规则的便捷方法。完整的Kendo UI 的Validator可以参见API 文档。HTML 5 表单校验HTML5 的一项重要功能是HTML 5 表单校验属性， 通过设置限制属性为HTML输入设置输入类型，值域等，然后由浏览器来检查输入是否合法。 支持的几

Kendo UI Fx 提供了一个丰富，可扩展，性能经过优化的工具集合用来完成HTML元素的过渡显示。每种特效近可能的使用CSS Transition ，对于一些老版本浏览器使用修改属性的方法作为补充。所有动画可以反向显示从而可以方便的实现元素的显示和隐藏。 本篇介绍了Kendo UI特效的概要，完整的文档可以参考 API文档准备开始所有Kendo UI 特效都是通过kendo.fx JQuery

Kendo UI 框架提供了一个易用，高性能的JavaScript模板引擎。通过模板可以创建一个HTML片段然后可以和JavaScript数据合并成最终的HTML元素。Kendo 模板侧重于UI显示，支持关键的模板功能，着重于性能而不是语法上的方便。模板语法Kendo 模板使用了一种称为“#”的语法形式，使用这种语法，#用来表明模板中的某个部分可以使用JavaScript数据来替代。用三种方式使用

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

JavaScript 也是一种面向对象的开发语言，但和C++，Java,C#所不同的是，它的对象不是基于类（Class），而是基于对象原型（ProtoType)，因此对于来自C++,Java等背景的程序员，初次接触到JavaScript 的面向对象的开发时，开始会有些不适应。而JavaScript语言本身也非常灵活，实现面向对象的方法也很多，不同的框架使用的方法也不同。对于JavaScript的面

Kendo UI 是基于jQuery 库开发的，Kendo UI widgets是以jQuery 插件形式提供的。这些插件的名称基本上都是以kendo作为前缀。比如 Kendo的autocomplete UI 组件名称为 kendoAutoComplete ,Kendo UI 手机 UI组件是以 “kendoMobile”为前缀。比如：”kendoMobileListView”.使用jQuery初

前面在介绍准备Kendo UI开发环境时我们使用jQuery的方法将一个HTML元素转换成一个Kendo UI控件： $(“#datepicker”).kendoDatePicker();除了使用jQuery插件的方法来初始化方法外，每个Kendo 控件还可以通过data属性来初始化，此时你需要设置data的role属性，然后调用kendo.init方法。使用初始化Data属性的方法在页面上包含有

首先你需要从Telerik网站下载试用版开发包，注意需要注册后才能下载，或者从本站下载 （18M）下载后直接解压后包含下面几个文件和目录：/examples – 示例./js – minified 化后的JavaScript库./vsdoc JavaScript Intellisense 支持文件/styles – minified后的CSS及主题资源.changelog.html – Kendo

JavaScript 在开发Web应用的作用越来越大，JQuery简化了HTML和JavaScript之间的操作，jQuery的教程可以参见本博客jQuery和 jQuery UI 入门教程， jQuery UI 是一套 JavaScript 函式库，提供抽象化、可自订主题的 GUI 控制项与动画效果。基于 jQuery JavaScript 函式库，可用来建构互动式的Web应用。在开发Web应用