ExtJS的网格面板不填充从存储数据(ExtJS Grid Panel not populating

2019-09-19 05:30发布

有没有人看到什么不对的代码? 我下面从行动ExtJS的一个例子。 正在显示的网格面板,但不被填充数据。

Ext.onReady(function() {

        var arrayData = [
            ['Jay Garcia', 'MD'],
            ['Aaron Baker', 'VA'],
            ['Susan Smith', 'DC'],
            ['Mary Stein', 'DE'],
            ['Bryan Shanley', 'NJ'],
            ['Nyri Selgado', 'CA']
        ];

        var nameRecord = Ext.data.Record.create([
            { name : 'name', mapping : 1 },
            { name : 'state', mapping : 2 }
        ]);

        var arrayReader = new Ext.data.ArrayReader({}, nameRecord);

        var memoryProxy = new Ext.data.MemoryProxy(arrayData);

        var store = new Ext.data.Store({
            reader : arrayReader,
            proxy : memoryProxy
        });

        var colModel = new Ext.grid.ColumnModel([
            {
                header : 'Full Name',
                sortable : true,
                dataIndex : 'name'
            },
            {
                header : 'State',
                dataIndex : 'state'
            }
        ]);

        var gridView = new Ext.grid.GridView();

        var selModel = new Ext.grid.RowSelectionModel({
            singleSelect : true
        });

        var grid = new Ext.grid.GridPanel({
            title : 'My First Grid',
            renderTo : Ext.getBody(),
            autoHeight : true,
            width : 250,
            store : store,
            view : gridView,
            colModel : colModel,
            selModel : selModel
        });

});

Answer 1:

我找到了解决办法。

笔者忘了,包括自动加载:在数据存储真实。



文章来源: ExtJS Grid Panel not populating data from store