ExtJS 4 - 网格中的数据不可见

Question

我有一个包含以下代码的简单网格（以及商店和模型的代码）。

var containerDetailsGrid = Ext.create('Ext.grid.Panel', {
    store: storeVarContainerDetails,
    tbar:[
        {
            xtype:'tbtext',
            text:'Container Details'
        }
    ],
    columns: [
        {
            header     : 'Ctr Size',
            flex     : 1,
            dataIndex: 'ctrSize',
            autoExpand:true,
            align:'center'
        }
    ],
    height: 100
});

var storeVarContainerDetails = Ext.create('Ext.data.Store', {
    model: 'VoyageMonitoringContainerDetailsModel',
    proxy: {
        type: 'ajax',
        url: 'http://localhost/pnc/stores.php',
        extraParams:{
            action:'containerDetails'
        },
        reader: {
            type: 'json'
        }
    },
    autoLoad:true
});

Ext.regModel('VoyageMonitoringContainerDetailsModel', {
    extend: 'Ext.data.Model',
    fields: [
        {type: 'string', name: 'ctrSize'}
    ]
});

商店正在加载并获取数据，但这些数据没有显示或实际上在网格中可见。

当我检查DOM中的网格元素时，我可以在网格表的“td”中看到数据，但是这些数据没有显示出来。

页面上还有其他网格，但所有网格都显示除此之外的数据。此外，控制台也没有错误。

有人可以请注意这可能发生的原因吗？随附的屏幕截图更清晰。

PS：我正在使用ExtJS 4。

Answer 1

在此处发布解决方案作为答案，以便它可以帮助寻找相同的人，并且我可以将此问题标记为已回答。解决方案是 - 网格不应该成为表单中容器的子节点，而应该是表单中fieldset的子节点。我不知道背后的原因，但对我来说效果很好。希望这也有助于其他人。

Answer 2

你在店里试过吗？

      autoLoad :true