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

标签： layoutborderfunction 2010-12-20 10:25  11992人阅读  评论(1)  收藏  举报   分类： Extjs（11） 

版权声明：本文为博主原创文章，未经博主允许不得转载。

 

[javascript]  view plain  copy 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的问题了。

简单吧？