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