javascript - 在按钮单击事件的页面中添加文本字段

Question

我在页面上总共有六个文本字段。默认情况下它只会显示两个文本字段。它还有一个按钮“添加文本”。当我单击按钮时，它将一次添加一个文本字段。那么，如何在 extjs 中实现该功能。

请帮忙..

Answer 1

Ext.require('*');
Ext.onReady(function() {

    var i = 0;

    Ext.create('Ext.button.Button', {
        renderTo: document.body,
        text: 'Add',
        handler: function(){
            ++i;
            form.add({
                xtype: 'textfield',
                fieldLabel: 'Field ' + i
            });
        }
    })

    var form = new Ext.form.Panel({
        bodyPadding: 5,
        renderTo: document.body,
        width: 300,
        items: []
    });

});