將項目動態添加到手風琴佈局

Question

我已經創建了一個帶有手風琴佈局的面板。我無法在面板中添加動態項目。 items的值是靜態的，如下所示。請幫我解決這個問題。

下面是代碼：

var panel = new Ext.panel{ 
    scroll: "vertical" 
    layout{ 
    type: "accordian" 
    } 

    items: [{xtype:"panel", title:"123", html:"123"}] 
} 

如何包括動態值，以基於JSON的項目？

Answer 1

您可以動態地將項目添加到任何給定的容器：

var panel = Ext.create('Ext.panel.Panel', { 
    title: 'Hello World', 
    layout{ type: 'accordion' }, 
    renderTo: Ext.getBody() 
}); 
var items = [{title:"123", html:"123"},{title:"456", html:"456"}]; 

panel.add(items); 

編輯：
照照Touch1.1 docs更多的例子。

分機觸摸1.1例如：

var cnt = new Ext.Container({}); 
var items = [{title:"123", html:"123"},{title:"456", html:"456"}]; 

cnt.render(document.body); 
cnt.add(items); 
cnt.doLayout();