javascript - 将项目动态添加到 Accordion 布局

Question

我创建了一个带有 Accordion 布局的面板。我无法在面板中添加动态项目。 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();