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

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以获取更多示例。

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