Kendo UI开发教程(23): 单页面应用(一)概述

Kendo单页面应用(Single-Page Application,缩写为SPA）定义了一组类用于简化Web应用（Rich Client）开发，最常见的单页面应用为Gmail应用，使用单页面可以给用户有使用桌面应用的用户体验。
Kendo 的Route类负责跟踪应用的当前状态和支持在应用的不同状态之间切换。Route通过Url的片段功能（#url)和流量器的浏览历史功能融合在一起。从而可以支持把应用的某个状态作为书签添加到浏览器中。Route也支持通过代码在应用的不同状态之间切换。
View和Layout类用于UI的显示。 UI事件和数据绑定可以通过MVVM或data初始化属性来完成。
下面为一个最简单的SPA应用框架。

`1`	`<div` `id="app"></div>`

2

`3`	`<script` `id="index"` `type="text/x-kendo-template">`

`4`	`Hello <span` `data-bind="text: foo"></span>`

`5`	`</script>`

6

`7`	`<script>`

`8`	`var index = new kendo.View(`

`9`	`"index", // the id of the script element that contains the view markup`

`10`	`{ model: kendo.observable({ foo: "World!" }) }`

11 );

12

`13`	`var router = new kendo.Router();`

14

`15`	`router.route("/", function() {`

`16`	`index.render("#app");`

17 });

18

`19`	`$(function() {`

`20`	`router.start();`

21 });

`22`	`</script>`

运行这个应用，显示“Hello，World”。

Kendo UI开发教程(23): 单页面应用(一)概述相关推荐

Kendo UI开发教程(25): 单页面应用(三) View
View为屏幕上某个可视部分,可以处理用户事件. View可以通过HTML创建或是通过script元素.缺省情况下View将其所包含的内容封装在一个Div元素中. Kendo创建View有两种方式: ...
Kendo UI开发教程(9): Kendo UI Validator 概述
Kendo UI Validator 支持了客户端校验的便捷方法,它基于HTML 5 的表单校验功能,支持很多内置的校验规则,同时也提供了自定义规则的便捷方法. 完整的Kendo UI 的Valida ...
Kendo UI开发教程 2 准备Kendo UI开发环境
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 首先你需 ...
Kendo UI开发教程(8): Kendo UI 特效概述
Kendo UI Fx 提供了一个丰富,可扩展,性能经过优化的工具集合用来完成HTML元素的过渡显示.每种特效近可能的使用CSS Transition ,对于一些老版本浏览器使用修改属性的方法作为补充 ...
Kendo UI开发教程：Kendo UI模板概述
2019独角兽企业重金招聘Python工程师标准>>> Kendo UI框架提供了一个易用,高性能的JavaScript模板引擎.通过模板可以创建一个HTML片段然后可以和JavaS ...
Kendo UI Web教程分享
2019独角兽企业重金招聘Python工程师标准>>> Kendo UI Web是著名软件开发商Telerik的产品,包含数百个创建HTML5 web app的必备元素,包括UI组件 ...
Kendo UI Web教程大全
HTML5 Web app开发工具Kendo UI Web教程:颜色拾取器的使用 HTML5 Web app开发工具Kendo UI Web教程:AutoComplete功能解析 HTML5 Web ...
Kendo UI Web 教程大全
http://blog.csdn.net/BTfan123/article/details/22928019 HTML5 Web app开发工具Kendo UI Web教程:颜色拾取器的使用 HTML ...
Kendo UI Web教程系列
Kendo UI Web是著名软件开发商Telerik的产品,包含数百个创建HTML5 web app的必备元素,包括UI组件.数据源.验证.一个MVVM框架.主题.模板等. 下面盘点了Kendo U ...

Kendo UI开发教程(23): 单页面应用(一)概述

Kendo UI开发教程(23): 单页面应用(一)概述相关推荐

最新文章

热门文章