当前位置：首页 → 问答吧 → extjs4.0 MVC 取store的问题

extjs4.0 MVC 取store的问题

时间：2011-09-15

来源：互联网

对于自己定义的store，用在view控件的数据加载问题

自己定义的数据模型
JScript code


Ext.define('WLCSP.ERP.models.CompanyModel',{
    extend:'Ext.data.Model',
    fields:[
        {name:'AutoID',type:'int'},
        {name:'CompanyNO',type:'string'},
        {name:'CompanyName',type:'string'},
        {name:'Tel',type:'string'},
        {name:'Address',type:'string'},
        {name:'AddressEng',type:'string'},
        {name:'Postcode',type:'string'},
        {name:'Remark',type:'string'},
        {name:'Creator',type:'string'},
        {name:'CreatedTime',type:'string'},
        {name:'DeletedBy',type:'string'},
        {name:'DeletedTime',type:'string'},
        {name:'Deleted',type:'boolean'}
    ]
});

自己定义的数据源
JScript code


Ext.define('WLCSP.ERP.stores.CompanyStore',{
    extend    : 'Ext.data.Store',
    singleton : true,
    requires  : ['WLCSP.ERP.models.CompanyModel'],
    model     : 'WLCSP.ERP.models.CompanyModel',
    proxy: {
        type: 'ajax',
        url: 'listCompany.action',
        reader: {
            type: 'json',
            root: 'companylist',
            successProperty: 'success'
        }
    },
    autoLoad: true
});

定义的控件
JScript code


Ext.define('WLCSP.ERP.views.CompanysGridPanel', {
    extend   : 'Ext.grid.Panel',
    alias    : 'widget.CompanysGridPanel',
    requires : ['WLCSP.ERP.stores.CompanyStore'],
    initComponent : function() {
        this.store   = WLCSP.ERP.stores.CompanyStore;
        this.columns = this.buildColumns();
        this.callParent();
    },
    buildColumns : function() {
        return [{header:'AutoID',dataIndex : 'AutoID',hidden:true},
            {header:'CompanyNO',dataIndex : 'CompanyNO',width: 70},
            {header:'CompanyName',dataIndex:'CompanyName',width: 70},
            {header:'Tel',dataIndex:'Tel',width:70}];
    }
});