Sencha Touch

缓存代码Sencha Touch - 缓存问题解析

首先声明,我是一个菜鸟。一下文章中出现技巧误导情况盖不负责

这个问题困扰了我好几个月,每次应用sencha app build production后,版本的动改没法自动更新,每次都要需手动理清浏览器缓存。

终究下决心究研下这个问题的处理,费了劲终究搞定。

1. 研读源代码

senche的处好是开源。针对缓存这块要重的代码是

touch\microloader\production.js

里头是有所关于缓存的代码

Sencha map infowindow 的问题

在使用map的过程中,发现多个地标的infowindow是无法关闭的

因为在sencha中不如在js中可以设定多个全局变量来控制,所以google搜来的教程大多不可用

写下我的解决方案

Sencha Touch TextArea 支持滑动

让你的Sencha Touch中的TextArea ios 支持滑动,代码如下:

List在MVC下显示store数据的问题

如果采用MVC模式定义了Store和对应的model,分别为:

Ext.define('hcx.store.ContactStore',{ 
  extend : 'Ext.data.Store',
  xtype  : 'hStore',
  requires : ['hcx.model.Contact'],

  config: {
    model : 'hcx.model.Contact',
    sorters : 'lastName',
    grouper : {
      groupFn : function(record){
          return record.get('lastName')[0];
          }
        },
    data : [
       { firstName: 'Tommy',   lastName: 'Maintz'  },
       { firstName: 'Rob',     lastName: 'Dougan'  },
       { firstName: 'Ed',      lastName: 'Spencer' },
       { firstName: 'Jamie',   lastName: 'Avins'   }
              ]
}});

Sencha Touch的Form使用

很多App都需要使用forms来获取用户的输入。ST的forms是封装了html5的forms,并且添加了一下验证和提交数据功能。除此之外,还更容易将field以更好的表现形式布局出来。因为forms中已经默认对field进行了布局排列。

Form Panel 提供一组form fields 和很便利的方式去加载和保存数据。使用一个form panle 包含了一组你需要展示的fields,如下面的例子:

聚合内容