1 下载最新的 kendo,地址不写了
2
下面三点为构成Kendo 移动应用的几个组成部分:
application: Kendo 移动应用的主应用类,用来管理应用部分部分之间切换,应用页面历史,加载View以及其它一些重要的移动应用相关的任务。Layout: 定义移动应用UI的布局,类似于Web应用的MasterPage,主要可以用来定义不同View之间一些公用的部分,比如菜单。Views: 移动应用的每个页面,每个应用包含一个或多个页面。Layouts 和 View 使用HTML来定义,而Application 为javaScript。 下面的步骤给出了编写Kendo UI移动应用的基本步骤。
理解 : Views 视图,页面 中至少一个
layout 母版,或者用户自定义控件,会替换views的内容的
data-role
=
"layout" 定义了 块比如div的映射关系
data-id为该Layout的id,后面定义的view 可以通过这个id来引用某个layout.
最后 <script> var app = new kendo.mobile.Application();</script>
这个是Kendo 的主程序调用
下面写一个完整的例子
<html><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title><link href="styles/kendo.mobile.all.min.CSS" rel="stylesheet" /><script src="js/jquery.min.js"></script> <script src="js/kendo.mobile.min.js"></script><script src="js/cultures/kendo.culture.zh-CN.min.js"></script> <%-- <--智能感知-->--%> <script> src="js/kendo.all-vsdoc.js"></script></head><body> <div data-role="view" data-title="aaaaaaa" id="home" data-layout="default"> <header data-role="header"> <div data-role="navbar"> <span data-role="view-title">ssssss</span> </div> </header> </div> <script> var app = new kendo.mobile.Application();</script> </body></html>
http://blog.csdn.net/mapdigit/article/details/11492789
这个人的单页面开发不错
新闻热点
疑难解答