Kendo UI SPA文档.docxVIP

Kendo UI SPA文档?Kendo UI单页面程序中文文档Kendo UI SPA Documentation（translated from the official site）?????????????概览Kendo UI 单页面程序（SingleApplication, 简称SPA）是一系列的类，旨在简化基于客户端的程序的创建。关于单页面程序的更多信息可从维基百科相关条目获得。路由（Router）类负责程序状态跟踪和在不同状态间切换，通过将URL（#page）中关于页面的片段嵌入到浏览器历史记录，使得URL可以被存为书签和可进行链接。同时，路由类也用于在编程中改变程序的状态和在页面间切换。视图（View）和布局（Layout）类用于展现界面（UI）。页面展现的事件和数据的绑定可以通过MVVM方式，也可以通过给HTML标签添加数据属性（数据属性声明）的方式来实现。一个关于Kendo UI SPA 的Hello World 程序?div?id=app/div?script?id=index?type=text/x-kendo-templateHello?span data-bind=text: foo/span/script?scriptvar?index?=?new?kendo.View(index,?// the id of the script element that contains the view markup{?model:?kendo.observable({?foo:?World!?})?});?var?router?=?new?kendo.Router();?router.route(/,?function()?{index.render(#app);});?$(function()?{router.start();});/script??路由??路由概览?路由（Router）类负责程序状态跟踪和在不同状态间切换，通过将URL（#page）中关于页面的片段嵌入到浏览器历史记录，使得URL可以被存为书签和可进行链接。同时，路由类也用于在编程中改变程序的状态和在页面间切换。当使用路由机制在页面间切换时，会触发一个Change事件，适合用于权限验证。带回调函数的一个路由演示，定位到根路由?scriptvar?router?=?new?kendo.Router();?router.route(/,?function()?{console.log(/ url was loaded);});?$(function()?{router.start();});/script??默认情况下，如果URL中关于页面的片段未指定，则根路由（/ route）的回调函数会被触发执行。init 事件的处理器会忽略初始URL而执行。?参数?路由机制实现了大部分Ruby on Rails 式的路由格式，包括支持路由绑定，可选参数项以及路由通配符。从URL中解析出来的参数将会传递到路由的回调函数中去。参数解析??scriptvar?router?=?new?kendo.Router();?router.route(/items/:category/:id,?function(category,?id)?{console.log(category,?item with,?id,? was requested);});?$(function()?{router.start();?// ...?router.navigate(/items/books/59);});/script???可选参数?scriptvar?router?=?new?kendo.Router();?router.route(/items(/:category)(/:id),?function(category,?id)?{console.log(category,?item with,?id,? was requested);});?$(function()?{router.start();?// ...router.navigate(/items/books/59);?// ...router.navigate(/items);?// ...router.navigate(/items/books);});/script??路由通配符?scriptvar?router?=?new?kendo.Router();?router.route(/items/*suffix,?function(suffix)?{console.log(suffix);});?$(function()?{router.start();?// ...router.navigate(/item