当前位置: 代码迷 >> Java Web开发 >> Extjs4 Grid不显示数据,该怎么处理
  详细解决方案

Extjs4 Grid不显示数据,该怎么处理

热度:3235   发布时间:2013-02-25 21:17:01
Extjs4 Grid不显示数据
列能出来就是数据显示不出来
JScript code
    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");   })


------解决方案--------------------------------------------------------
好把 和ext3写法完全不一样哎 
不懂
------解决方案--------------------------------------------------------
以前一直用ext3,最近也刚开始接触 ext4 。

问一下你的 mydata.json 是什么?
------解决方案--------------------------------------------------------
JScript code
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'     }); })
------解决方案--------------------------------------------------------
JScript code
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 });                          //创建GridExt.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");});
  相关解决方案