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

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

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