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();//重新布局 }}] }); });