一般的APP,页面的基本布局都是一样的,下面是几个tab,用来进行选择以达到页面切换的作用。点击不同的按钮,界面就会切换到不同的内容。Sencha Touch中可以很容易的进行这样的操作。
首先,我们要确定我们在这里要使用TabPanel组建。顾名思义,该组件在界面的下方添加tab并且可以通过tab进行页面切换。基础代码如下:
launch:function(){
...
分类:
Web程序 时间:
2016-02-13 10:00:23
阅读次数:
289
学习了许多基本的Sencha Touch内容,已经了解了Sencha Touch的开发模式。接下来一段时间我们将利用Sencha Touch来进行自己的web应用构建。先要解决的是前端的问题,从最简单的入手,一个基本的登录界面。
最简单的登录界面大体由以下介个元素组成:用户头像部分、用户名输入部分、密码输入部分、提交按钮。我们从这种虽简单的界面开始,逐步进行界面实现。
一、创建主面板
E...
分类:
Web程序 时间:
2016-02-11 18:03:54
阅读次数:
193
Sencha Touch同样可以使用地图、多媒体等插件。
1、Map组件
我们通过Ext.Map定义Map组件,其xtype为map。除了使用该插件外,还要调用Google的地图API所使用的js文件,代码如下:
引入该文件后,我们就可以编写js代码来显示地图了:
Ext.require(‘Ext.Map’)
Ext.application({
//省略其他配置项....
分类:
移动开发 时间:
2016-02-10 12:03:12
阅读次数:
276
我们把数据可视化出来,为的就是进行一些针对数据的操作。这里介绍一下DataView的排序功能和搜索功能。掌握这两个技能,可以让写出的数据界面内的数据能够根据要求进行排序,可以进行数据的搜索显示灯功能。
一、排序
当我们想根据数据的某一个字段排序时,可以调用sort方法:
store.sort(‘lastName’,’asc’);
其中,store是我们定义好...
分类:
移动开发 时间:
2016-02-07 17:31:07
阅读次数:
253
DataView是Sencha Touch中最重要的组件,用于数据的可视化。数据可视化的重要性不言而喻,可以讲任何数据以形象的方式展示给用户。目前,如何更好地可视化是许多公司或框架都在追求的。通过数据的可视化可以发现数据之间的规律,预测未来的情况。下面我们就看看Sencha Touch中是怎么进行数据可视化的。
由于DataView组件内容非常多,所以将在以后的一段时间内持续这一部分的学...
分类:
移动开发 时间:
2016-02-05 22:26:25
阅读次数:
393
Sencha Touch中的Ext.DomHelper组件可以方便的实现对元素的追加或重写操作
示例:
launch:function(){
function appendDom(){
Ext.DomHelper.append(‘my-div’,{
id:’url-list’,
tag:’ul’, //指定追加的元素种类
cn:[//或children,使用数组形式定义数组内的...
分类:
移动开发 时间:
2016-02-04 19:11:10
阅读次数:
272
AppCan的开发工具中,主要使用Html5开发,没有移动开发原生开发经验的Web开发人员完全可以随时上手。 拿到AppCan工具后,做的第一个应用,很简单,就是把公司已有的一个Wap站,加一个壳。 打开开发工具,新建一个项目,如下图: 新建好项目后,会发现项目的目录结构,phone文件夹下,有cs
分类:
移动开发 时间:
2016-01-31 13:35:25
阅读次数:
243
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。然而,每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5 viewport的
分类:
Web程序 时间:
2016-01-29 12:05:42
阅读次数:
134
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。然而,每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5 viewport的...
分类:
Web程序 时间:
2016-01-27 12:14:26
阅读次数:
165
最近一个客户要求将gps部标平台移植到bootStrap框架作为前端框架,符合交通部796部标只是他们的一个基本要求,重点是要和他们的云物流平台进行适配。我自己先浏览了客户的云物流平台的界面,采用的是bootStrap框架,自适应页面大小,基于html5开发,界面设计非常的简洁,清爽,这样可以快速的...
分类:
其他好文 时间:
2016-01-25 15:08:37
阅读次数:
286