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

Question

我在页面上总共有六个文本字段。默认情况下，它只显示两个textfields.It还有一个按钮“添加文本”。当我点击按钮时，它会一次添加一个文本字段。那么，我如何在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: []
    });

});