动态设置Ext.form.FormPanel控件里子控件的显示和隐藏

 

var flag = 0; function createProjectInfoForm(){ var body = new Ext.form.FormPanel({ id:'tab-'+'root', labelWidth: 70, title: 'tab信息', border: false, bodyStyle:'padding:10px', layout : 'form', items: [{ // line A id : 'aline', name : 'aline', xtype:'fieldset', title:'A端信息', layout: 'column', columnWidth:.9, items : [{ columnWidth:.4, layout: 'form', border: false, items:[ { xtype:'hidden', fieldLabel: 'id', name: 'id', anchor:'95%' }, { xtype:'textfield', fieldLabel: '名称', name: 'name', anchor:'95%' },{ xtype:'textfield', fieldLabel: '单位', name: 'designer', anchor:'95%' } ] },{ columnWidth:.4, layout: 'form', border: false, items:[{ xtype:'textfield', fieldLabel: '编码', name: 'code', anchor:'95%' },{ xtype:'numberfield', fieldLabel: '数量', name: 'polecount', anchor:'95%' } ] }] },{ // line Z id : 'zline', name : 'zline', xtype:'fieldset', title:'Z端信息', layout: 'column', columnWidth:.9, items : [{ columnWidth:.4, layout: 'form', border: false, items:[ { xtype:'hidden', fieldLabel: 'id', name: 'id', anchor:'95%' }, { xtype:'textfield', fieldLabel: '名称', name: 'name', anchor:'95%' },{ xtype:'textfield', fieldLabel: '单位', name: 'designer', anchor:'95%' } ] },{ columnWidth:.4, layout: 'form', border: false, items:[{ xtype:'textfield', fieldLabel: '编码', name: 'code', anchor:'95%' },{ xtype:'numberfield', fieldLabel: '数量', name: 'polecount', anchor:'95%' } ] }] }] }); if (flag == 0){ body.findById('zline').setDisabled(true); body.findById('zline').setVisible(false); }else if(flag == 1){ body.findById('aline').setDisabled(true); body.findById('aline').setVisible(false); } return body; }

这里是根据传递过来的flag，动态设置两行的显示问题。

若flag=0，将zline隐藏掉

若flag=1，则将aline隐藏掉

当然，还可以设置控件的显示，那只是更改FALSE或TRUE的问题了。

简单吧？