Как динамически добавить поле отображения в панель

Question

У меня есть данные JSON, как это.

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

Мне нужно создать здесь два поля отображения, и я создал один элемент в своем представлении, который мне нужно заполнить.

Я пытаюсь сделать следующее:

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);