如何隐藏form表单中的ComboBox与fiedLabel

如何隐藏form表单中的ComboBox与fiedLabel
文章分类:Web前端 关键字: 如何隐藏form表单中的combobox与fiedlabel 代码如下 
var deptCombo = new Ext.form.ComboBox({ 
       id : 'group_orgSid', 
       hideMode:'visibility', 
       hideParent:true, 
        fieldLabel : '所属部门', 
        editable : false, 
        border : false, 
        hidden:true, 
        blankText : '所属部门', 
        displayField:'name', 
        valueField:'id', 
        emptyText:'所属部门', 
        anchor : '90%', 
        selectOnFocus:true, 
        listeners:{ 
        "beforehide":function(cmb){ 
   
           cmb.getEl().up('.x-form-item').setDisplayed(false); 
} 
        } 
     }); 
假设deptCombo此时是加入到FormPanel中,如果我想界面一载入就把deptCombo隐藏,那么以上代码就可以实现了,因为加了一个hidden:true; 
但如果把 
listeners:{ 
        "beforehide":function(cmb){ 
   
           cmb.getEl().up('.x-form-item').setDisplayed(false); 
} 
        } 
去掉 
那么只会隐藏comb并不会隐藏fieldLabel : '所属部门',以上listeners中的 
beforehide就是告诉EXT,当我隐藏comb的时候还要把fieldLabel也一起隐藏

 

评论

1 楼 myjoan 2010-03-11