sencha touch 总结

开发者俊焱技术 2022年11月14日

0 收藏 808 点赞 4,073 浏览 1395 个字

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里填写需要使用得数据类型，还可可以在这一层代理数据直接向服务端请求数据

 proxy: {
         type: 'ajax',
         url : 'url',
         reader: {
             type: 'json',
             root: 'users'
         }
     }

在model 层代理数据后可以在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',
    }
});

在ｓｔｏｒｅ层不仅可以存储数据，还可以对数据惊醒过滤　和排序如上代码，

如果没有请求数据可以把ｄａｔａ　中得数据写死以便调试，（内联数据），另外，ｓｔｏｒｅ层也可以进行数据代理。

ｖｉｅｗ：用于对数据得展示，

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,
            },
        });

　　此段代码采用得是ＤａｔａＶｉｅｗ组件进行数据展示，里面还采用了ｔｐｌ模板。这里直接引用ｓｔｏｒｅｉｄ即可把数据添加进来。