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 ???

Ext Js：动态添加嵌套面板

0 个答案: