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
這個人的單頁面開發不錯
新聞熱點
疑難解答