comboBox控件隐藏fieldLabel问题

来源：互联网发布：上海黑马程序员地址编辑：程序博客网时间：2024/05/19 16:03

功能需求：当分类为“政策法规”时显示“省份”进行选择，当分类为“政策标准”时显示“标准类型”进行选择，当类型为“政策解读”是“省份”和“标准类型”都不显示。

如图所示：

实现方式是在分类下拉框这个选择控件添加一个监听事件，具体代码如下：

{width : 500,fieldLabel : '分类<span style="color:#ff0000;"><sub>*</sub></span>',hiddenName : 'pr.PRType',id : 'pr.PRType',xtype : 'combo',mode : 'local',allowBlank : false,editable : false,triggerAction : 'all',forceSelection : true,emptyText : '请选择...',store : [['0','政策法规'],['1', '政策标准'],['2', '政策解读']],    listeners : {'select' : function(self){        if(self.value=='0'){                Ext.getCmp('policyStandardId').getEl().up('.x-form-item').setDisplayed(false);                Ext.getCmp('provinceName').getEl().up('.x-form-item').setDisplayed(true);    Ext.getCmp('policyStandardId').hide();        Ext.getCmp('provinceName').show();    }else if(self.value=='1'){    Ext.getCmp('policyStandardId').getEl().up('.x-form-item').setDisplayed(true);                Ext.getCmp('provinceName').getEl().up('.x-form-item').setDisplayed(false);    Ext.getCmp('provinceName').hide();        Ext.getCmp('policyStandardId').show();    }else{    Ext.getCmp('policyStandardId').getEl().up('.x-form-item').setDisplayed(false);                Ext.getCmp('provinceName').getEl().up('.x-form-item').setDisplayed(false);    Ext.getCmp('provinceName').hide();        Ext.getCmp('policyStandardId').hide();    }     }}}

关键就是这四个方法：

Ext.getCmp('policyStandardId').getEl().up('.x-form-item').setDisplayed(false);//隐藏fieldLabel(选择框前面的文字)Ext.getCmp('provinceName').getEl().up('.x-form-item').setDisplayed(true);//显示fieldLabel(选择框前面的文字)Ext.getCmp('policyStandardId').hide();//隐藏textfield(选择框)Ext.getCmp('provinceName').show();//显示textfield(选择框)

0 0