Ext Js：动态添加嵌套面板

Question

我有几条相同类型的记录想要在屏幕上显示。我考虑过创建几个面板来打印每条记录的数据。我选择这个解决方案是因为数据结构太复杂，无法在简单的网格中打印。这是该结构的一个简化示例：

{
    label: 'myLabel',
    {
        attr1: 'value1',
        attr2: 'value2'
    }
    startValidityDate: oneDay,
    endValidityDate: anotherDay
}

我尝试在当前面板中添加动态嵌套面板：

var myStore = new Ext.data.Store({
    id: 'myStore',
    restful: true,
    idProperty: 'OID',
    root: 'tbas',
    proxy: myProxy,
    reader: myReader,
    autoLoad: false, 
    listeners: {
        'load': function(data){
        var records = data.getRange();
        var currStore = null;
        for(var i=0; i<records.length; i++) {
            currStore = new Ext.Panel({
            layout:'vBox',
            items: [{
                xtype: 'textfield',
                fieldLabel: I18nManager.get('label_ttbaUI_label'),
                name: 'tbaLabel',
                value: records[i].data.tbaLabel
                },{
                xtype: 'textfield',
                fieldLabel: I18nManager.get('label_ttbaUI_label'),
                name: 'tbaOid',
                value: records[i].data.tbaoid
                }] 
            });
        recordList.add(currStore);
console.log("------------------------------");
console.log(currStore);
        }
        recordList.doLayout();
        }
    }
});

var recordList = new Ext.Panel({
    id: 'recordList',
    renderTo: 'recordPart',
    layout:'vBox',
    title: I18nManager.get('label_ttbaUI_selected_tariffs')
});
recordList.doLayout();

在 firebug 控制台中，UI 对象似乎没问题。

我的问题是 recordList 元素不可见，

我可以看到它们存在于 FB 控制台中，但它们没有很好地打印在屏幕上。

我是否忘记了一些使元素隐藏的东西？或者印刷不好？ 我确信这是一个CSS问题，ext-all.css有些麻烦：当我删除该CSS的内容时，我可以看到我的字段

我编写代码的方式一定有问题，因此它会导致渲染问题WDYT ???