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

Question

我的问题是当我点击添加按钮时，它需要在上一个fieldset之后添加fieldset（＆＃34; rulepanel＆＃34;），但在我的代码中，如果我执行新的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] }); 添加在上一个之上（我可以注意到它，因为单击“添加”按钮时字母变为粗体）。

这是我的代码：

const login = ( username, email) => {
        sessionStorage.setItem('loginSessionUsername', username);
        sessionStorage.setItem('loginSessionEmail', email);
        this.setState({isAuthenticated: true})
    }

Answer 1

您的代码应如下所示： -

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

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

希望这会对你有所帮助。