随笔分类 -  sencha-touch

PollingProvider方法的使用及示例
摘要：来自《sencha touch权威指南》第12章，374页开始-----------------------------------------------------PollingProvider 主要用于客户端每隔一段时间向服务器发出一次轮询请求，服务器端在接收到请求后向客户端返回数据。在使用 PollingProvider 的时候，可以先创建 Ext.direct.PollingProvider 类的对象，然后使用 Ext.direct.Manager 类的addProvider 方法添加该 Provider。-----示例--------app.js代码Ext.require([ 阅读全文
posted @ 2013-12-07 21:04 php之路 阅读(288) 评论(0) 推荐(0)
Ext.data.association.hasMany一对多模型使用示例
摘要：来自《sencha touch权威指南》第11章，323页开始---------------------------------------------------index.html代码：sencha touchapp.js代码：Ext.require(['Ext.DataView','Ext.TitleBar','Ext.Toolbar','Ext.Panel']);Ext.application({ name: 'MyApp', icon: 'images/icon.png', glossOn 阅读全文
posted @ 2013-12-07 09:48 php之路 阅读(609) 评论(0) 推荐(0)
Video组件：控制视频的播放与暂停
摘要：来自《sencha touch权威指南》第10章，315页开始app.js代码如下：Ext.require(['Ext.Video','Ext.MessageBox','Ext.Toolbar','Ext.Panel']);Ext.application({ name: 'MyApp', icon: 'images/icon.png', glossOnIcon: false, phoneStartupScreen: 'images/phone_startup.png', tablet 阅读全文
posted @ 2013-12-07 08:16 php之路 阅读(1841) 评论(0) 推荐(0)
List 组件简单示例及其onItemsDisclosure点击事件
摘要：来自《sencha touch权威指南》第9章，276页开始-------------------------------------------------app.js代码如下：Ext.require(['Ext.data.Store','Ext.dataview.List','Ext.MessageBox']);Ext.application({ name: 'MyApp', icon: 'images/icon.png', glossOnIcon: false, phoneStartupScreen:  阅读全文
posted @ 2013-12-05 23:13 php之路 阅读(305) 评论(0) 推荐(0)
读取mysq数据库l数据，并使用dataview显示
摘要：来自《sencha touch权威指南》，约198页开始通过php脚本，可以将mysql数据库的数据作为json数据格式进行读取。（1）php代码（bookinfo.php)：0){ while($obj = mysql_fetch_object($result)){ $arr[] = $obj; } echo '{"success": true, "books": '.json_encode($arr).'}';}else{ echo '{"success": false,"mess 阅读全文
posted @ 2013-12-04 22:47 php之路 阅读(731) 评论(0) 推荐(0)
使用dataview组件显示服务器端xml文件数据
摘要：来自《sencha touch权威指南》，约193页开始-------------------------------------（1）app.js代码：Ext.require(['Ext.data.Store','Ext.data.reader.Xml','Ext.dataview.DataView']);Ext.application({ name: 'MyApp', icon: 'images/icon.png', glossOnIcon: false, phoneStartupScreen: 'im 阅读全文
posted @ 2013-12-04 22:08 php之路 阅读(388) 评论(0) 推荐(0)
使用 dataview 组件制作一览表
摘要：来自于《sencha touch权威指南》第八章，183页左右-----------------------------------一、app.js代码：Ext.require(['Ext.data.Store','Ext.dataview.DataView']);Ext.application({ name: 'MyApp', icon: 'images/icon.png', glossOnIcon: false, phoneStartupScreen: 'images/phone_startup.png', t 阅读全文
posted @ 2013-12-03 23:38 php之路 阅读(405) 评论(0) 推荐(0)
dataview 组件使用示例
摘要：来自《sencha touch 权威指南》-------------------------------例子1——app.js代码如下：Ext.require(['Ext.data.Store','Ext.dataview.DataView']);Ext.application({ name: 'MyApp', icon: 'images/icon.png', glossOnIcon: false, phoneStartupScreen: 'images/phone_startup.png', tabletStar 阅读全文
posted @ 2013-12-03 21:41 php之路 阅读(746) 评论(0) 推荐(0)
使用 insertBefore 和insertAfter，在指定位置追加与删除元素
摘要：来自于《sencha touch 权威指南》-----------------------------------除 append 和 overwrite 外，还可以使用 insertBefore 方法与 insertAfter 方法在目标元素之前或之后追加元素。app.js代码如下：Ext.require(['Ext.form.Panel','Ext.Toolbar']);Ext.application({ name: 'MyApp', icon: 'images/icon.png', glossOnIcon: false, p 阅读全文
posted @ 2013-12-02 23:38 php之路 阅读(1654) 评论(0) 推荐(0)
使用 append 方法追加元素
摘要：来自于《sencha touch 权威指南》学习使用 Ext.DomHelper 组件在页面中追加元素。app.js代码如下：Ext.require(['Ext.form.Panel','Ext.Toolbar']);Ext.application({ name: 'MyApp', icon: 'images/icon.png', glossOnIcon: false, phoneStartupScreen: 'images/phone_startup.png', tabletStartupScreen: ' 阅读全文
posted @ 2013-12-02 23:02 php之路 阅读(2495) 评论(0) 推荐(0)
使用 tpl 标签和 for 读取对象属性值中的数组
摘要：来源于《sencha touch 权威指南》-----------------------------只摘抄app.js代码：Ext.require(['Ext.form.Panel']);Ext.application({ name: 'MyApp', icon: 'images/icon.png', glossOnIcon: false, phoneStartupScreen: 'images/phone_startup.png', tabletStartupScreen: 'images/tablet_startup 阅读全文
posted @ 2013-12-02 22:17 php之路 阅读(1236) 评论(0) 推荐(0)
chrome浏览器-Toolbar工具条不显示
摘要：来源于《sencha touch 权威指南》------------------------------------工具条按钮在chrome下不显示，不知是不支持还是代码有问题。app.js代码如下：Ext.require(['Ext.form.Panel','Ext.Toolbar']);Ext.application({ name: 'MyApp', icon: 'images/icon.png', glossOnIcon: false, phoneStartupScreen: 'images/phone_startu 阅读全文
posted @ 2013-12-02 07:48 php之路 阅读(1371) 评论(0) 推荐(0)
sencha：日期选择组件datepicker
摘要：来源于《sencha touch权威指南》-------------------------------除app.js外，其它内容都与上一篇博客里的内容相同。app.js代码如下：Ext.require(['Ext.form.Panel','Ext.form.FieldSet','Ext.field.Radio','Ext.field.Select','Ext.TitleBar','Ext.field.DatePicker']);Ext.application({ name: 'MyApp& 阅读全文
posted @ 2013-12-01 16:35 php之路 阅读(425) 评论(0) 推荐(0)
sencha表单入门例子
摘要：来自于《sencha touch 权威指南》-------------------------------一、网站结构二、index.html代码sencha touch三、app.js代码Ext.require(['Ext.form.Panel','Ext.form.FieldSet','Ext.field.Text']);Ext.application({ name: 'MyApp', icon: 'images/icon.png', glossOnIcon: false, phoneStartupScreen 阅读全文
posted @ 2013-12-01 10:38 php之路 阅读(314) 评论(0) 推荐(0)
sencha警告：[WARN][Anonymous] [Ext.Loader] Synchronously loading 'Ext.field.Text'
摘要：chrome开发者工具下提示：[WARN][Anonymous] [Ext.Loader] Synchronously loading 'Ext.field.Text'; consider adding 'Ext.field.Text' explicitly as a require of the corresponding class 解决方法：事先指定加载 Ext.field.Text (文件路径为 src/field/Text.js)详细原理参考：http://blog.csdn.net/yanwushu/article/details/8296372 阅读全文
posted @ 2013-12-01 09:37 php之路 阅读(1296) 评论(0) 推荐(0)