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

Question

我的问题是，当我点击添加按钮时，它需要在前一个 fieldset 之后添加一个 fieldset(“rulepanel”)，但是在我的代码中，如果我执行它新的 fieldset 添加到之前的之上(我可以注意到它，因为单击“添加”按钮时字母会变粗)。

这是我的代码:

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]
});

Answer 1

您的代码应该如下所示:-

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

您可以找到运行示例 here .

希望对您有所帮助。