sencha touch 总结
Ext.define("CM.product.MainviewListModel", { extend: "Ext.data.Model", config: { fields: [ {name:'loanstyle',type:'string'}, {name:'ed',type:'string'}, {name:'PactMoney',type:'string'}, {name:'month',type:'string'}, {name:'rate',type:'number'}, ], validations:[{ type: 'length', name: 'loanstyle', min: 5, }],
} });
数据模型model:可以在fields里填写需要使用得数据类型,还可可以在这一层代理数据直接向服务端请求数据
1 proxy: { 2 type: 'ajax', 3 url : 'url', 4 reader: { 5 type: 'json', 6 root: 'users' 7 } 8 }
在model 层代理数据后可以在store层直接使用
STORE:数据模型一般都要跟数据存储一起使用,而数据存储其实就是一组数据模型实体的集合。
Ext.define("CS.store.product.MainviewListStore", { extend : "Ext.data.Store", config : { storeId : 'mainviewliststore_id', model:'CM.product.MainviewListModel', data:[ {loanstyle:'手机分期贷款',ed:'0-10000.0',month:'0-24',rate:'3'}, {loanstyle:'杭州西湖房子贷款',ed:'0-1500',month:'2-12',rate:'23.12'}, {loanstyle:'电脑贷款',ed:'0-6000.0',month:'3-12',rate:'21'}, {loanstyle:'抵押贷款',ed:'0-8888.0',month:'1-10',rate:'7'}, {loanstyle:'抵押贷款',ed:'0-60000.0',month:'0-11',rate:'10'}, ], // filters:{property:'loanstyle',value:'抵押贷款'}//过滤器 // groupField:'rate', // groupDir:'DESC', } });
在store层不仅可以存储数据,还可以对数据惊醒过滤 和排序如上代码,
如果没有请求数据可以把data 中得数据写死以便调试,(内联数据),另外,store层也可以进行数据代理。
view:用于对数据得展示,
var MainListPanel=Ext.create('Ext.DataView',{ id:'mainList', width:'100%', height:'100%', border : '0 0 0 0', itemTpl:Maintpl, store:'mainviewliststore_id', emptyText:'暂无数据', scrollable :{ direction : 'vertical', indicators : false, }, });
此段代码采用得是DataView组件进行数据展示,里面还采用了tpl模板。这里直接引用storeid即可把数据添加进来。