javascript - Extjs 4.2.2 Ext.Window.Show 不显示商店中加载的数据

Question

我想在 Windows 中显示存储对象中加载的数据。我可以看到商店加载了正确的数据。但是当它传递给Panel，Panel又传递给Window时，调用Window.Show时，只显示列名，而不显示Store对象中存储的数据。

请帮我解决这个问题。代码片段如下:在此输入代码

var store1 = new Ext.data.Store({
                autoLoad:true,
            fields: [{
                name: 'Index'
            }, {
                name: 'VrfNames'
            }]
        });
        var vrfData = [
            ["HI", "Hello"]
        ];
        store1.loadData(vrfData);
        console.log("Loaded " + store1.getCount() + " records");
        //Could verify data is loaded properly


        // creation of panel
        var vrfNamesPanel = new Ext.grid.Panel({
            store: store1,
            columns: cm,
            height: 250,
            width: 700,
            enableHdMenu: false,
            buttons: this.buildVrfNamesPanelButtons(),
            buttonAlign: 'center',
            renderTo: Ext.getBody(),
            //floating: true,
            //closable : true//,
            listeners: {
                scope: this
            }

        });


        // creation of new window
        this.vrfNamesWindow = new Ext.Window({
            layout: 'fit',
            closeAction: 'hide',
            plain: true,
            title: "VRF Names ",
            items: vrfNamesPanel,
            enableTabScroll: true,
            autoScroll: true,
            width: 700
        });

        this.vrfNamesWindow.show();

Answer 1

这里是working fiddle为你。

我不知道您的 cm 列设置是什么，所以我添加了它，我相信问题就在那里。