`

Ext combobox 下拉多选框带搜索功能

EXT 
阅读更多
//把五个文件按顺序一一合并起来就ok了

 //var acceptManager_data = [['全选','1'],['西安','2'],['深圳','3'],['北京','4'],['上海','5']];   
 qualification_store_MSC = new Ext.data.SimpleStore({
        fields: [
            "name","value"
        ],
        //proxy: new Ext.data.MemoryProxy(acceptManager_data)
        url:'queryCity'
    });
    qualification_store_MSC.load();
/**
 * 根据条件设置多选下拉框,由于使用过多,抽出模板,简化代码
 * @param hidden
 * @param id
 * @param store
 * @param fieldLabel
 */
var multiboxSearch = new Ext.form.MultiComboSearch(
 {
 	renderTo: 'multiboxSearch',
    hidden: false,
    id:'BSSAP_MSC',
    store:qualification_store_MSC,
    valueField :"value",
    displayField: "name",
    // 分隔符,就是每行表单中的label文本显示后面紧接着的那个分隔符
    labelSeparator:':', 
    // 多选显示分隔字符
    displaySeparator:';', 
    // 多选提交到后台的值分隔符
    valueSeparator:'+',
    mode: 'local',
    value:'',
    forceSelection: true,
    hiddenName:'test',
    selectOnFocus : true,
    triggerAction: 'all',
    // 空字段中显示的文本(默认为 null)。
    emptyText:'',
    listeners : 
    {
	    'select' : function()
	    {
	        alert(multiboxSearch.getValues());
	    }
    }
});
分享到:
评论
4 楼 andywu520 2017-02-23  
有BUG,当没有设置hiddenName时,直接就挂了,某些数据,就是不需要hiddenName
3 楼 wangzixidian 2015-01-13  
真浪费感情
2 楼 tidehunter 2014-11-24  
你是来骗点击的吧
1 楼 harborgang 2012-03-01  
干嘛要分成5个压缩包

相关推荐

    基于EXT2.2的下拉复选框

    总的来说,"基于EXT2.2的下拉复选框"是一个利用EXT2.2框架和相关插件实现的Web组件,它提供了在下拉列表中多选的功能,这通常涉及对EXT2.2的`ComboBox`组件进行扩展,使用自定义的JavaScript插件(如`Ext.mm....

    Ext ComboboxGrid

    在Ext JS中,ComboBox通常用于显示一个可选的下拉列表,而Grid则用于展示大量数据并进行编辑和操作。ComboboxGrid将这两者融合,使得用户可以在输入框中输入关键字搜索,同时下拉展示匹配的网格数据,便于多维度筛选...

    ext多选下拉列表的全选功能实现

    默认情况下,ComboBox只允许用户选择一个值,而MultiComboBox则允许用户选择多个值,这些值通常以复选框的形式展示。 要实现全选功能,我们需要考虑以下关键步骤: 1. **配置MultiComboBox**:在创建MultiComboBox...

    EXT3.2 多选下拉框

    这类组件提供了复选框的视图,用户可以勾选多个选项,这些选择会被隐藏的文本字段记录下来,以便于服务器端处理。 要创建一个EXT3.2的多选下拉框,首先你需要导入所需的库和CSS样式,确保页面加载EXT JS库。然后,...

    combobox Ext之扩展组件多选下拉框

    - 如果需要在下拉列表中显示复选框,可以使用`checkboxSelectionModel`作为列表的`selModel`,并根据需要配置相关属性,如`showHeader`(是否显示列头,列头中包含复选框)。 5. **值的管理**: - `value`:多选...

    EXT2_combobox_form.rar_combobox ext_ext

    EXT2的form表单支持各种字段类型,如文本框、复选框、单选按钮以及我们在此处重点关注的combobox。 Combobox,或下拉列表框,是EXT2中的一个控件,它结合了文本输入框和下拉列表的功能。用户可以手动输入值,也可以...

    extjs实现下拉框多选

    ComboBox 是一个具有搜索功能的下拉列表,用户可以从中选择一个选项。它由两个主要部分组成:一个可编辑的输入字段和一个下拉列表。默认情况下,ComboBox 只允许单选。 要实现多选功能,我们需要使用MultiSelect ...

    Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选

    这个功能增强了标准的单选下拉框,允许用户同时选择多个条目,通常通过复选框实现。在描述中提到的“全选/全不选”功能,是多选下拉框的一种高级特性,它提供了快速选择或取消所有选项的便利。 首先,我们来看看`...

    Ext下拉列表扩展lovcombo

    EXT下拉列表扩展lovcombo的实现,主要是对ComboBox进行了自定义,将下拉菜单中的选项呈现为一组可被勾选的复选框。这样做可以显著增强用户体验,特别是当选项数量较多时,用户可以快速地多选,而无需反复打开下拉...

    ExtJS 下拉多选框lovcombo

    ### ExtJS 下拉多选框lovcombo:省份与城市级联选择实现 #### 背景介绍 在软件开发过程中,经常会遇到需要实现省份、城市等地理位置信息的级联选择功能的需求。对于前端开发者而言,如何高效地实现这一功能成为了...

    extjs editgrid combobox 回显

    在探讨“extjs editgrid combobox 回显”这一主题时,我们主要关注的是如何在ExtJS框架下,实现编辑网格(EditGrid)中的组合框(ComboBox)的值能够正确地回显到网格中。这一功能对于那些需要用户在表单中选择数据...

    ext4实现带复选框的多选下拉框

    "ext4实现带复选框的多选下拉框"这个主题聚焦于如何在EXTJS 4框架中构建一个功能丰富的UI组件,它允许用户通过复选框进行多选操作,提升用户体验。EXTJS是一个流行的JavaScript库,提供了丰富的组件库来构建复杂的...

    Ext多选下拉框

    在Ext JS这个强大的JavaScript框架中,多选下拉框(Multi Select ComboBox)是一种常见的组件,用于提供用户在多个选项中进行选择的功能。这种组件在数据输入、筛选或配置设置等场景中非常实用。本篇文章将深入探讨...

    Extjs下拉多选树

    在ExtJS中,"下拉多选树"(Combobox Tree)是一种结合了下拉框和树形结构的组件,它允许用户在下拉菜单中选择多个树节点,提供了一种高效且直观的用户交互方式。 1. **下拉树组件**:在ExtJS中,树形组件...

    ext js 动态下来框

    在描述中提到的"动态下拉框"(Dropdown)和"checkbox",是指在Ext JS中实现的一种具有选择功能的下拉列表,用户可以选择多个选项,每个选项前都有一个复选框。这种组件通常被称为Checkbox Combo或Checkbox Select。 ...

Global site tag (gtag.js) - Google Analytics