您的位置：首页 > 产品设计 > UI/UE

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

2017-02-09 15:42 381 查看
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的映射关系  
da
ta-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">
<spa
4000
n 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


这个人的单页面开发不错


      
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                kendo
                                                UI
                                                框架
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航