Javascript 如何在单击按钮时在EXTJS中添加字段集

我的问题是，当我单击“添加”按钮时，它需要在上一个

字段集

（“规则面板”）之后添加一个

字段集，但在我的代码中，如果我执行它，新的
字段集
将添加到上一个字段集之上（我可以注意到，当单击“添加”按钮时，字母变粗）

这是我的代码：

var rulepanel = {
    xtype: 'fieldset',
    border: false,
    itemId: 'rule',
    items: [{
        xtype: 'container',
        items: [{
            xtype: 'textfield',
            fieldLabel: 'value',
            name: 'value',
            allowBlank: false,
            placeholder: 'value'
        }, {
            xtype: 'button',
            id: 'add',
            text: 'Add',
            handler: function (button, event) {
                me.insert(rulepanel);
            }
        }, {
            xtype: 'button',
            id: 'branch',
            text: 'Branch'
        }]
    }]
};

Ext.apply(me, {
    items: [rulepanel]
});

您的代码应如下所示：-

{
    xtype: 'button',
    text: 'Add',
    handler: function (button, event) {
        button.up('fieldset').insert(rulepanel);
    }
}

您可以找到正在运行的示例

希望这对你有帮助