extjs中通过ComboBox 的选择控制fieldLabel的隐藏和显示怎么做
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了extjs中通过ComboBox 的选择控制fieldLabel的隐藏和显示怎么做相关的知识,希望对你有一定的参考价值。
如题,我在comBoBox加入了事件也无法修改fieldLabel的隐藏和显示,一直做后台很少接触这种js框架。求大神教育。。
listeners :
select : function(obj, newVal,oldVal)
if (newVal == '1')
Ext.getCmp('orgBus.feeAmt').getEl().up('.x-form-item').first().setDisplayed(false);
else if(newVal == '2')
Ext.getCmp('orgBus.feeAmt').getEl().up('.x-form-item').first().setDisplayed(true);
else
Ext.getCmp('orgBus.feeAmt').getEl().up('.x-form-item').first().setDisplayed(true);
并没有用
Extjs ComboBox 动态选中第一项
有时候我们希望通过Store加载过来的数据,ComboBoxItem能够选择第一条数据作为默认数据,我们可以这么操作:
var storeinfo = Ext.create(‘Ext.data.Store‘, { model: SaleInfo, autoLoad: false, pageSize: 10000, proxy: { type: ‘ajax‘, url: ‘/URL/JSON‘, reader: { type: ‘json‘, rootProperty: ‘Data‘, totalProperty: ‘TotalCount‘ } } });
然后定义Storeinfo的Load方法,配置Callback回调
////数据加载之后,回调设置ComboBox选择第一项 storeinfo.load({ scope: this, callback: function (records, operation, success) { if (records.length > 0) { Ext.getCmp("BranchId").select(storeinfo.getAt(0)); } else { Ext.getCmp("BranchId").setRawValue("暂无独立法人"); } } });
即可;
备注:
1、setRawValue()设置comboBox显示文本内容,getRawValue()获取显示内容文本;
2、setValue()设置comboBox值,getValue()获取comboBox值;
以上是关于extjs中通过ComboBox 的选择控制fieldLabel的隐藏和显示怎么做的主要内容,如果未能解决你的问题,请参考以下文章
在 ExtJs 4.1 树面板中通过 id 或 name 查找节点