首页 > 学院 > 开发设计 > 正文

kendo.mobile的理解使用,最基本框架的搭建

2019-11-09 15:54:50
字体:
来源:转载
供稿:网友

1 下载最新的 kendo,地址不写了

下面三点为构成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

这个人的单页面开发不错

      


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表