Kendo UI开发课程(23): 单页面应用(一)概述
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”。