将项目动态添加到手风琴布局

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