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

最新推荐文章于 2021-06-10 17:38:09 发布

iteye_662

最新推荐文章于 2021-06-10 17:38:09 发布

阅读量186

点赞数

分类专栏： Extjs 文章标签： EXT UP IDEA Web

Extjs 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

如何隐藏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也一起隐藏