Extjs之组件开发-combox -优快云博客

本文详细介绍了针对项目数据字典类型的下拉选择框组件的实现方式，包括其核心功能、配置参数以及使用示例。

摘要生成于 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);

本文来自优快云博客，转载请标明出处：http://blog.youkuaiyun.com/mysouling/archive/2010/03/24/5410470.aspx