编程语言
首页 > 编程语言> > javascript-将项目动态添加到手风琴布局

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

作者:互联网

我创建了一个具有手风琴布局的面板.我无法在面板中添加动态项.项的值是静态的,如下所示.请帮助我解决此问题.

下面是代码:

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

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

如何在基于JSON的项目中包含动态值?

解决方法:

您可以使用以下方法将项目动态添加到任何给定的容器中:

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

标签:accordion,extjs,javascript
来源: https://codeday.me/bug/20191031/1977286.html