您的位置:首页 > 其它

动态添加/删除一个对象

2011-06-26 21:07 471 查看
Ext.onReady(function() {
var uniqNo = new Ext.form.TextField({
fieldLabel : '唯一号',
name : 'uniqNo',
anchor : '95%',
labelAlign : 'right',
labelWidth : 65
});

var empSearch = new Ext.form.FieldSet({
title : "员工信息",
collapsible : false, // 使用伸缩按钮来伸缩
autoHeight : true,
items : [{
border : false,
layout : 'column',
items : [{
border : true,
columnWidth : .3,
layout : 'form',
labelAlign : 'right',
items : [uniqNo]
}]
}]
});

var i = 0;//定义一个变量记录添加个数
var objectForm = new Ext.Panel({
frame : true,
renderTo:'form',
layout : 'form',
items : [
empSearch
],
buttons:[{text:'增加',handler:function(){
i=i+1;

empSearch.add(
new Ext.FormPanel({
labelWidth : 75,
id:'form'+i,
layout : 'form',
labelAlign : 'right',
/*defaults : {
width : 230
},*/
items : [{
layout : 'column',
items : [{
border : false,
columnWidth : .22,
labelWidth : 70,
layout : 'form',
items : [{
xtype : 'textfield',
name : 'name',
fieldLabel : '姓名',
anchor : '95%'
}]
}
]

}]
}));
empSearch.doLayout();
}},
{text:'删除最后',handler:function(){
//读取最后一个删除
empSearch.remove(Ext.getCmp("form"+i));
i--;
//empSearch.destroy();  删除所有了
empSearch.doLayout();//重新布局

}}]
});
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: