1. 程式人生 > >extjs動態新增或刪除控制元件

extjs動態新增或刪除控制元件

背景:extjs 3.4

需求:新增或刪除textarea

程式碼:

var i =0;

this.addButton= new Ext.Panel({

layout:'hbox',

border:false,

scope:this,

items:[{

xtype:'button',

text:'增加',

handler:function(){

varpanel = Ext.getCmp("parentPanel");

vartextarea = new Ext.form.TextArea({

id:'textarea_'+i,

width:800

});

vardelBtn = new Ext.Button({

text:'刪除',

id:'del_'+i,        

handler:function(btn){

var num = btn.id.substr(4); //獲取序號

varpn = Ext.getCmp("txPanel_"+num);

panel.remove(pn);

panel.doLayout();

}

});

vartxPanel = new Ext.Panel({

layout:'column',

id:'txPanel_'+i,

border:false,

width:1000,

defaults:{

columns:2

}

items:[textarea,delBtn]

});

panel.add(textarea);

panel.doLayout();

i++;

}

}]

});