一般的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
无论是在Sencha Touch还是SAP UI5,都用到了XML这种语言。在Sencha Touch中,它和JSON一样被用来做数据传输;在SAP UI5中,它被用来当做视图模板。接下来我们来深入学习一下XML语言。
网上对XML的概述解释是:XML 是可扩展标记语言(Extensible Markup Language)的缩写,其中的标记(markup)是关键部分。您可以创建内容,然...
分类:
其他好文 时间:
2016-02-08 09:46:10
阅读次数:
188
我们把数据可视化出来,为的就是进行一些针对数据的操作。这里介绍一下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
前言 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。 当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端.....
分类:
Web程序 时间:
2016-01-27 10:27:12
阅读次数:
294
下载:http://pan.baidu.com/s/1bnvVII密码:dy8n第1讲.使用HTML5技术进行移动OA的开发_系统演示及相关技术简介第2讲.使用HTML5技术进行移动OA的开发_相关软件安装和使用Sencha写第一个HTML5程序第3讲.使用HTML5技术进行移动OA的开发_学习SenchaTouch常用视图控件(第1部分)第..
分类:
其他好文 时间:
2016-01-26 12:42:56
阅读次数:
134