Ext4.0.7使用Ext.grid.ColumnModel报错:TypeError: Ext.grid.Model is not a constructor

代码如下:

Ext.onReady(function(){
           //定义列
                var cm = new Ext.grid.ColumnModel([
                    {header: '编号', dataIndex: 'id'},
                    {header: '名称', dataIndex: 'name'},
                    {header: '描述', dataIndex: 'des'}
                ]);
                
                //数据定义
                var data = [
                    ['1001','name1','description1'],
                    ['1002','name1','description1'],
                    ['1003','name1','description1'],
                    ['1004','name1','description1'],
                    ['1005','name1','description1']
                ];
                
                //数据源定义
                var store = new Ext.data.Store({
                    proxy: new Ext.data.MemoryProxy(data),
                    reader: new Ext.data.ArrayReader({},[
                        {name: 'id'},
                        {name: 'name'},
                        {name: 'des'}
                    ])
                });
                store.load();
                
                //grid panel
                var grid = new Ext.grid.GridPanel({
                    renderTo: Ext.getBody(),
                    store: store,
                    cm: cm
                });
});

google了一下:In Extjs 4.0 ,there is no colModel config for GridPanel(http://www.sencha.com/forum/showthread.php?199720-Ext.grid.ColumnModel-is-not-a-constructor)然后查看其API:其用法如下

Ext.onReady(function(){
        Ext.create('Ext.data.Store', {
                    storeId: 'simpleStore',
                    fields: ['name', 'email', 'phone'],
                    data:{
                        'items':[
                            {'name':'yanshiying', 'email':'email', 'phone':'1234567890'},
                            {'name':'yanshiying', 'email':'email', 'phone':'1234567890'},
                            {'name':'yanshiying', 'email':'email', 'phone':'1234567890'}
                        ]
                    },
                    proxy: {
                        type: 'memory',
                        reader: {
                            type: 'json',
                            root: 'items'
                        }
                    }    
                });
                
                Ext.create('Ext.grid.Panel', {
                    title: 'Simple',
                    store: Ext.data.StoreManager.lookup('simpleStore'),
                    columns: [
                        {header: 'Name', dataIndex: 'name'},
                        {header: 'Email', dataIndex: 'email'},
                        {header: 'Phone', dataIndex: 'phone'}
                    ],
                    height: 200,
                    width: 400,
                    renderTo: Ext.getBody()
                });
})

运行效果:

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值