如何动态地将displayfield添加到面板中

Question

我有这样的json数据。

var myObj = [{
    labl1 : "SomeVal1",
    labl2 : "SomeVal2",
    Value : "myVal1"
},{
    labl1 : "SomeVal1",
    labl2 : "SomeVal2",
    Value : "myVal1"
}]

我必须在这里创建两个displayfield，我在视图中创建了一个我需要填充的项目。

我在这里要做的是

var myPanel =this.down('#myPanel')
for(var i=0; i<myObj.length; i++){
    var myStr = myObj[i].labl1 + "\n" + myObj[i].labl2.labl2;
    var myObj = {
        xtype: 'displayfield',
        fieldLabel: myStr,
        value: myObj[i].Value,
    }
    myPanel.items.items.push(myObj);
}
myPanel.setHidden(false);

这不是添加项目。任何人都可以建议我如何动态添加项目。 myPanel是

{
     xtype : 'panel',
     hidden : true,
     id : 'MessageNarrative',
     title: 'Message Details',
     layout: {
         type: "vbox",
         align: "stretch"
         },
     items: []
}

Answer 1

使用myPanel.add（myObj）代替myPanel.items.items.push（myObj）;