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”。