[Extjs] Динамически создаваемые поля textfield

Доброй ночи, возможно, кто-то сталкивался с такой задачей. В окошке кнопка «Добавить поле», по нажатию появляется поле textfield.

Наработка есть, загвоздка в функции обработчика кнопки «Добавить поле», как это сделать?

Код:

Timetable.window.CreateItem = function(config) {
 	config = config || {};
        	
	this.ident = config.ident || 'mecpattern'+Ext.id();
        
 	Ext.applyIf(config,{
		title: 'Новый шаблон'	  
        ,id: this.ident
 		//,height: 200
 		//,width: 475
 		,url: Timetable.config.connector_url		
		,action: 'mgr/timetable/createPattern'
        ,addField: function(btn,e){
               
                var frm = this.find('xtype', 'form')[0];
                
                frm.add({
                    xtype: 'textfield',
                    fieldLabel: 'Текстовое поле',
                    name: 'text',
                    width: 300,
                    allowBlank: false
                });
                this.doLayout();
                }       
                ,items: [{
                    xtype: 'form',
                    id: 'myform',
                    
                    items: [{
                            xtype:'textfield',
                            fieldLabel: 'Название шаблона',
                            name: 'name',
                            id: 'timetable-'+this.ident+'-name',
                            anchor: '99%'
                    },
                    {
                        xtype: 'button',
                        text: 'Добавить поле',
                        handler: function(){                           
                            
                        }
                    }]

                }]        
        });
        Timetable.window.CreateItem.superclass.constructor.call(this,config);
 };
 
Ext.extend(Timetable.window.CreateItem,MODx.Window,{});
Ext.reg('timetable-window-pattern-create',Timetable.window.CreateItem);