javascript - ボタンクリックイベントのページにテキストフィールドを追加する

Question

ページに合計6つのテキストフィールドがあります。デフォルトでは、2つのテキストフィールドのみが表示されます。「テキストの追加」ボタンも1つあります。ボタンをクリックすると、一度に1つのテキストフィールドが追加されます。では、どうすれば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: []
    });

});