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

最新推荐文章于 2024-06-26 10:55:03 发布

最新推荐文章于 2024-06-26 10:55:03 发布 · 198 阅读

文章标签：

#EXT #UP

extjs 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何在ExtJS中不仅隐藏ComboBox组件本身，还同时隐藏其对应的字段标签。通过设置hidden属性为true并利用beforehide事件监听器，可以确保在界面加载时ComboBox及其标签一并被隐藏。

代码如下
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也一起隐藏