javascript - ExtJS 网格面板不从商店填充数据

Question

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

我找到了解决方案。

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