Extjs之组件开发-combox

最新推荐文章于 2020-10-15 14:04:16 发布

原创最新推荐文章于 2020-10-15 14:04:16 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #function

extjs 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种针对项目数据字典类型的下拉选择框组件——数据字典ComboBox。该组件利用ExtJS框架实现，能够根据指定的数据字典代码加载对应的数据字典值，并将其展示为本地化的下拉选项。组件还提供了丰富的配置选项，如字段标签、是否允许空白等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//////////////////////////////////////////////////////////// // 功能名称：数据字典类型ComboBox // 功能说明：针对项目数据字典类型的下拉选择框 //////////////////////////////////////////////////////////// Euroa.component.DicCombo=function(config) { var temp=''; var tempData=Euroa.util.PageManagerInstance.getAccesableDataDictionaryByCode(config.dataDictionaryCode); for(i=0;i<tempData.DictionaryValues.length;i++) { temp+='['+"'"+tempData.DictionaryValues[i].DataDictionaryValueCode+"'"+','+"'"+tempData.DictionaryValues[i].DataDictionaryValue+"'"+']'+','; } temp = '[["-1",""],'+temp.substr(0,temp.length-1)+']'; Euroa.component.DicCombo.superclass.constructor.call(this,Ext.apply(config, { store:new Ext.data.ArrayStore ({ fields: ['Id', 'Value'], data : Ext.util.JSON.decode(temp) }), valueField:'Id', displayField:'Value', typeAhead: true, mode: 'local', fieldLabel:config.fieldLabel ? config.fieldLabel : tempData.DataDictionaryName, forceSelection: false, triggerAction: 'all', selectOnFocus:true, editable:false, allowBlank:true })) }; Ext.extend(Euroa.component.DicCombo, Ext.form.ComboBox); Ext.reg('DicCombo', Euroa.component.DicCombo);