背景: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++;
}
}]
});