Extjs4 Grid不显示数据

Question

列能出来就是数据显示不出来    Ext.require([
        'Ext.grid.*',
        'Ext.data.*',
        'Ext.toolbar.Paging'
    ]);
        Ext.define('MyData',{
            extend: 'Ext.data.Model',
            fields: [
                //第一个字段需要指定mapping，其他字段，可以省略掉。
                {name:'UserName',mapping:'UserName'},
                 'Sex',
                 'Age',
                 'XueHao',
                 'BanJi'
            ]
        }); 
        //创建数据源
       Ext.define('store',{ 
        extend: 'Ext.data.Store', 
            model: '',
            proxy: {
               //异步获取数据，这里的URL可以改为任何动态页面，只要返回JSON数据即可
                type: 'ajax',
                url: 'mydata.json',
                reader: {
                 type: 'json',
                 root: 'items' 
                }
            },
            constructor: function(config) {
this.model = Ext.create('MyData');
this.callParent(arguments);

} ,
            autoLoad: true
        });
        
        //创建Grid
        Ext.define('etb.grid',{ extend:'Ext.grid.Panel',
            store: "",
            columns: [
                {text: "姓名", width: 120, dataIndex: 'UserName', sortable: true},
                {text: "性别", flex: 1, dataIndex: 'Sex', sortable: false},
                {text: "年龄", width: 100, dataIndex: 'Age', sortable: true},
                {text: "学号", width: 100, dataIndex: 'XueHao', sortable: true},
                {text: "班级", width: 100, dataIndex: 'BanJi', sortable: true}
            ],
            constructor: function(config) {
               
this.store = Ext.create('store');
 
this.callParent(arguments);

}  
        }) ;
   Ext.onReady(function(){
    var g = Ext.create("etb.grid"); 
    g.render("t");
   })

Answer 1

好把 和ext3写法完全不一样哎 
不懂

Answer 2

以前一直用ext3，最近也刚开始接触 ext4 。问一下你的 mydata.json 是什么？

Answer 3

就是一个文件内容为：
 { 
        "items": [ 
            { 
                "UserName": "李彦宏", 
                "Sex": "男", 
                "Age":25,
                "XueHao":00001,
                "BanJi":"一班"
            }, 
            { 
                "UserName": "马云", 
                "Sex": "男", 
                "Age":31,
                "XueHao":00002,
                "BanJi":"二班"
            },
            { 
                "UserName": "张朝阳", 
                "Sex": "男", 
                "Age":30,
                "XueHao":00003,
                "BanJi":"一班"
            },
            { 
                "UserName": "朱俊", 
                "Sex": "男", 
                "Age":28,
                "XueHao":00004,
                "BanJi":"一班"
            },
            { 
                "UserName": "丁磊", 
                "Sex": "男", 
                "Age":29,
                "XueHao":00005,
                "BanJi":"二班"
            },
            { 
                "UserName": "李国军", 
                "Sex": "男", 
                "Age":30,
                "XueHao":00006,
                "BanJi":"二班"
            },
            { 
                "UserName": "王志宝", 
                "Sex": "男", 
                "Age":25,
                "XueHao":00007,
                "BanJi":"一班"
            }
        ] 
    } 

Answer 4

Ext.require([
             'Ext.grid.*',
             'Ext.data.*',
             'Ext.toolbar.Paging'
         ]);Ext.onReady(function(){
Ext.define('MyData',{
    extend: 'Ext.data.Model',
    fields: [
        //第一个字段需要指定mapping，其他字段，可以省略掉。
        {name:'UserName',mapping:'UserName'},
         'Sex',
         'Age',
         'XueHao',
         'BanJi'
    ]
}); 
            
    var myStore = Ext.create('Ext.data.Store',{
     model: 'MyData',
        proxy: {
            type: 'ajax',
            url : 'mydata.json',
            reader: {
                type: 'json',
                root: 'items'
            }
        },
        autoLoad: true
    });
          
     var grid = Ext.create('Ext.grid.Panel',{
      store: myStore,
         height:300,
         columns: [
             {text: "姓名", width: 120, dataIndex: 'UserName', sortable: true},
             {text: "性别", flex: 1, dataIndex: 'Sex', sortable: false},
             {text: "年龄", width: 100, dataIndex: 'Age', sortable: true},
             {text: "学号", width: 100, dataIndex: 'XueHao', sortable: true},
             {text: "班级", width: 100, dataIndex: 'BanJi', sortable: true}
         ],
         renderTo:'t'
     }); 
})
这样是可以实现的。你的方法我还得再看看。

Answer 5

Ext.require([
             'Ext.grid.*',
             'Ext.data.*',
             'Ext.toolbar.Paging'
         ]);
Ext.define('MyData',{
    extend: 'Ext.data.Model',
    fields: [
        //第一个字段需要指定mapping，其他字段，可以省略掉。
        {name:'UserName',mapping:'UserName'},
         'Sex',
         'Age',
         'XueHao',
         'BanJi'
    ]
}); 
             //创建数据源
Ext.define('store',{ 
     extend: 'Ext.data.Store', 
     model: 'MyData',
     proxy: {
        //异步获取数据，这里的URL可以改为任何动态页面，只要返回JSON数据即可
         type: 'ajax',
         url: 'mydata.json',
         reader: {
             type: 'json',
             root: 'items' 
         }
     },
     autoLoad: true
 });
             
             //创建Grid
Ext.define('etb.grid',{ extend:'Ext.grid.Panel',
    store: "",
    height:300,
    columns: [
        {text: "姓名", width: 120, dataIndex: 'UserName', sortable: true},
        {text: "性别", flex: 1, dataIndex: 'Sex', sortable: false},
        {text: "年龄", width: 100, dataIndex: 'Age', sortable: true},
        {text: "学号", width: 100, dataIndex: 'XueHao', sortable: true},
        {text: "班级", width: 100, dataIndex: 'BanJi', sortable: true}
    ],
    constructor: function(config) {
            this.store = Ext.create('store');
            this.callParent(arguments);
    }  
}) ;
Ext.onReady(function(){
        var g = Ext.create("etb.grid"); 
        g.render("t");
});这样也可以：
1   'etb.grid'的height必须写。
2   去掉了store的constructor。

Answer 6

俩都出不来，
dom为空或不是对象
ext-all.js    行21