`
feohoo
  • 浏览: 112546 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

Extjs之组件开发-combox

    博客分类:
  • AJAX
 
阅读更多
////////////////////////////////////////////////////////////
// 功能名称:数据字典类型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);

 

 

 

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/mysouling/archive/2010/03/24/5410470.aspx

分享到:
评论

相关推荐

    Extjs之旅-combox之远程加载数据

    本篇我们将深入探讨“Extjs之旅”中的一个关键组件——Combox(组合框),特别是其远程加载数据的特性。 Combox在ExtJS中是一个非常灵活的控件,它可以看作是下拉列表和文本输入框的结合体,用户可以输入文本搜索,...

    Extjs4 Combox tree

    ExtJS4中的ComboxTree是一种将下拉列表与树形结构结合的组件,它扩展了标准的ComboBox,提供了更丰富的用户交互体验。这种组件在数据展示和选择时特别有用,尤其是在处理具有层级关系的数据时,比如部门结构、地区...

    CooliteToolkit(ExtJS可视化控件)Demo

    Coolite Toolkit非常适合做web应用程序的开发,它提供了很多专业的Asp.net输入/验证/显示控件,和页面布局的框架,同时完全支持ajax,因为它是所有的组件是居于ExtJS上封装出来,让开发人员在可视化的设计器内进行...

    combox下拉树combox下拉树

    实现Combox下拉树的关键在于数据结构的设计和UI组件的交互。数据结构通常包含父节点和子节点信息,以便在界面上形成层次结构。同时,要处理好展开、折叠、选择事件,确保用户体验流畅。 在实际应用中,Combox下拉树...

    开发技术方法

    ExtJs是一个强大的JavaScript库,它提供了丰富的用户界面组件和强大的数据绑定机制,使得Web应用程序的开发变得更加高效和直观。 1. **ExtJs简介** - ExtJs从2.0开始逐渐受到用户喜爱,随着版本的迭代,性能得到了...

    Extjs 4.1 下拉框 Tree 的实现(mvc)

    在IT领域,特别是Web应用程序开发中,ExtJS框架因其丰富的组件库、强大的MVC架构以及对HTML5的支持而备受开发者青睐。本文将深入探讨如何在ExtJS 4.1环境中利用MVC架构实现一个功能丰富的下拉框(Tree ComboBox),并...

    CooliteToolkit(ExtJS可视化控件)Demo v0.8.0.rar

    Coolite Toolkit非常适合做web应用程序的开发,它提供了很多专业的Asp.net输入/验证/显示控件,和页面布局的框架,同时完全支持ajax,因为它是所有的组件是居于ExtJS上封装出来,让开发人员在可视化的设计器内进行...

    Extjs中ComboBox加载并赋初值的实现方法

    在Extjs框架中,ComboBox组件是经常使用的组件之一,它允许用户在一个下拉列表中进行选择。当需要在ComboBox加载数据之后为其赋初值,且这个赋值操作需要在数据加载完成后才能进行,以确保用户体验的正确性时,需要...

    log4Net详解(共2讲)

    2.5、ExtJs中的对话框与Combox组件 2.6、ExtJs中的ExtTree详解 3、ExtJs数据篇 3.1、数据存储基本单元Record与DataField详解 3.2、数据存储Store详解1 3.3、数据存储Store详解2 3.4、数据代理DataProxy详解 ...

    Coolite Toolkit Professional v0.8.2源码下载

    Coolite Toolkit非常适合做web应用程序的开发,它提供了很多专业的Asp.net输入/验证/显示控件,和页面布局的框架,同时完全支持ajax,因为它是所有的组件是居于ExtJS上封装出来,让开发人员在可视化的设计器内进行...

    Coolite Toolkit Professional v0.8.1.part2

    Coolite Toolkit非常适合做web应用程序的开发,它提供了很多专业的Asp.net输入/验证/显示控件,和页面布局的框架,同时完全支持ajax,因为它是所有的组件是居于ExtJS上封装出来,让开发人员在可视化的设计器内进行...

    Coolite Toolkit Professional v0.8.1.part3

    Coolite Toolkit非常适合做web应用程序的开发,它提供了很多专业的Asp.net输入/验证/显示控件,和页面布局的框架,同时完全支持ajax,因为它是所有的组件是居于ExtJS上封装出来,让开发人员在可视化的设计器内进行...

    ExtJS 设置级联菜单的默认值

    在前端开发中,ExtJS是一个流行的JavaScript框架,用于构建富互联网应用程序。其中,级联菜单是一种常见的用户界面组件,允许用户从一个下拉列表中选择一个选项来更新另一个下拉列表的选项。在这个过程中,设置...

    Ext JS 实现建议词模糊动态搜索功能

    在Web开发中,Ext JS 是一个强大的JavaScript框架,用于构建富客户端应用程序。它提供了丰富的组件库,包括表格、表单、面板等,使得开发者能够创建功能丰富的交互式用户界面。在本篇文章中,我们将深入探讨如何使用...

    Ext用户扩展控件 ------超级下拉列表控件支持多选,删除,添加

    和其他ExtJS组件一样,UxSuperBoxSelect提供了丰富的事件接口,如选择项变化(`select`)、添加项(`add`)、删除项(`remove`)等,开发者可以通过监听这些事件来实现业务逻辑。 8. **与服务器端的交互** 在实际...

Global site tag (gtag.js) - Google Analytics