ExtJS Grid Panel 没有从存储中填充数据

Posted 2023-02-26

【中文标题】ExtJS Grid Panel 没有从存储中填充数据

【英文标题】：ExtJS Grid Panel not populating data from store

【发布时间】：2012-07-08 20:53:10

【问题描述】：

有人看到这段代码有什么问题吗？我正在关注 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
        );

);

【问题讨论】：

你使用的是什么版本的 ExtJs？

如果您开始新项目，我建议您使用最新版本 4+

没有开始一个新项目，但是谢谢:)

【参考方案1】：

我找到了解决办法。

作者忘记在数据存储中包含 autoLoad : true 。