Kendo UI开发教程(23): 单页面应用(一)概述
2024-08-26 11:51:38
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”。
最新文章
- 使用nose 进行Python项目的自动化测试
- AngularJS 初用总结
- 国内其他的maven库
- C++坑点集合 - 1 隐式调用和默认实现的构造函数的坑
- javascript中数组的常用方法
- DataGridView 的单元格的边框、 网格线样式的设定【转】
- Java基础(36):String与基本数据类型之间的双向转换(Wrapper类)
- bootstrap-js(4)标签页
- spring 源码之 ioc 容器的初始化和注入简图
- ios url网址相关问题解说
- 201621123040 《Java程序设计》第1周学习总结
- Java子线程中操作主线程Private级别数据
- (栈)leetcode 946. Validate Stack Sequences
- Sql Server性能定位及改善
- win10+vscode部署java开发环境
- POI 导入导出时异常[java.io.IOException: Broken pipe]
- Leetcode——338. 比特位计数
- “开始菜单”按钮今年8月将重回Windows 8
- python搭建简易Web Server
- 使用Scrapy构建一个网络爬虫
热门文章
- mac 下搭建 Android 开发环境
- UIAlertView、UIActionSheet兼容iOS8
- java.lang.NoClassDefFoundError: org.ksoap2.transport.HttpTransportSE异常处理
- 一天一个类--NIO 之Buffer
- java Hastable使用
- CentOS6.5 配置防火墙+允许指定ip访问端口
- 03-OC实例方法、内存管理
- 目录 of 2013-2014-1(内容已更新结束)
- WebStorm 7.0 注册码
- Route@简单应用