在Ext JS 4.1.1中，如何以编程方式将项添加到buttongroup

Question

在Ext JS 4.1.1中，如何以编程方式将项目添加到buttongroup？如果我添加项目作为定义buttongroup的一部分，它可以工作，例如：

Ext.define('company.ButtonGroup', {
    extend: 'Ext.container.ButtonGroup',
    title: 'File',
    columns: 2,
    defaults: {
        scale: 'small'
    },
    items: [
            { text: 'New', iconCls: 'new16' },
            { text: 'Open', iconCls: 'open16' }
            ]
});
var fileButtongroup = Ext.create('company.ButtonGroup');

但是，如果我尝试分配一个项目数组，它就不起作用。例如：

var fileArr = [
            { text: 'New', iconCls: 'new16' },
            { text: 'Open', iconCls: 'open16' }
            ];
Ext.define('company.ButtonGroup', {
    extend: 'Ext.container.ButtonGroup',
    title: 'File',
    columns: 2,
    defaults: {
        scale: 'small'
    }
});
var fileButtongroup = Ext.create('company.ButtonGroup');
fileButtongroup.items = fileArr;

此外，我也没有看到任何setItems()方法。

Answer 1

因为items数组在组件初始化时处理（在initComponent（）中）。

如果要在创建项目后向项目添加项目，则应使用add()方法。顺便说一下，它适用于任何Container类。