Extjs之组件开发-combox

最新推荐文章于 2026-01-06 20:02:19 发布

原创最新推荐文章于 2026-01-06 20:02:19 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json

AJAX 专栏收录该内容

6 篇文章

订阅专栏

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

////////////////////////////////////////////////////////////
// 功能名称：数据字典类型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