`

ExtJs下拉框多选

阅读更多
变种statesArr = [
        ['AL','阿拉巴马','迪克西的心'],
        [“AK”,“阿拉斯加”,“午夜太阳之国'],
        ['AZ','亚利桑那','大峡谷国家'],
        [“AR”,“阿肯色','自然状态'],
        ['CA','加利福尼亚','金州'],
        ['CO','科罗拉多','本山国家'],
        ['CT','康涅狄格','宪法国家'],
        ['德','特拉华州','第一国'],
        [“DC”,“哥伦比亚特区”,“国家的首都”],
        ['佛罗里达','佛罗里达','阳光之州'],
        ['GA','格鲁吉亚','暗恋国家'],
        ['HI','夏威夷','阿罗哈州“],
        [“ID”,“爱达荷”,“著名土豆'],
        ['IL','伊利诺伊州“,”大草原国家'],
        [“IN”,“印第安纳州”,“餐旅国家'],
        ['IA','艾奥瓦','该国玉米'],
        ['KS','堪萨斯州','向日葵州'],
        ['KY','肯德基','蓝草州'],
        ['LA','路易斯安那州','该河口国家'],
        ['ME','缅因','杉树国家'],
        ['MD','马里兰','切萨皮克州'],
        ['马','麻省理工','美国精神'],
        ['米','密歇根州','大湖国家'],
        ['MN','明尼苏达','北星州'],
        ['MS','密西西比“,”白玉兰国家'],
        ['MO','密苏里','显示我的状态'],
        [“MT”,“蒙大拿”,“大天空国家'],
        [“东北”,“内布拉斯加”,“牛肉国家'],
        ['NV','内华达','银州'],
        [“NH”,“新罕布什尔”,“花岗岩州”],
        [“新泽西州”,“新泽西州”,“花园之州'],
        [“NM”,“新墨西哥”,“土地结界'],
        ['NY','纽约','帝国'],
        ['数控','北卡罗莱纳','第一自由'],
        ['ND','北达科他州','和平花园之州'],
        ['OH','俄亥俄','这一切的心'],
        ['确定','俄克拉荷马“,”俄克拉何马OK'],
        ['OR','俄勒冈','太平洋仙境'],
        ['PA','宾夕法尼亚','梯形州'],
        [“RI”,“罗得岛”,“海洋国家”],
        ['SC','南卡罗来纳州“,”没有什么比这更细'],
        ['SD','南达科他州','伟大的面孔,伟大的地方'],
        [“TN”,“田纳西州”,“志愿状态'],
        ['TX','德克萨斯','孤星之州'],
        ['UT','爵士','盐湖国家'],
        [“VT”,“佛蒙特州','绿山国家'],
        ['弗吉尼亚','弗吉尼亚','母国'],
        ['WA','华盛顿'号,'格林豪州'],
        ['WV','西弗吉尼亚','山国'],
        [“WI”,“威斯康星”,“美国的Dairyland”],
        [“WY”,“怀俄明”,“就像在地球上任何地点']
    ];
加载了:Ext.onReady(函数(){
	变种店=新Ext.data.SimpleStore({
		字段:['缩写','国家','昵称'],
		数据:statesArr
	});
	无功组合=新Ext.form.ComboBox(
			{
				商店:商店,
				displayField:'状态',
				valueField:'缩写',
				TYPEAHEAD:真实,
				模式:“本地”,
				TPL:'<tpl for="."> <div class="x-combo-list-item"> <SPAN> <输入类型=“复选框”{[?values​​.check“检查”:“”]}值=“{[values​​.state]}”/> </ SPAN> <span> {状态} </ SPAN> </ DIV> </ TPL>',
				的TriggerAction:'所有',
				emptyText:'请选择...',
				selectOnFocus:真实,
				applyTo:'本地状态',
				调用onSelect:功能(记录,索引){
					如果(this.fireEvent('beforeselect',这一点,记录,索引)!== FALSE){
						record.set('检查',record.get(“检查”)!);
						变种海峡= [];
						变种strValue的= [];
						this.store.each(函数(RC){
							如果(rc.get('检查')){
								str.push(rc.get(“国家”));
								strvalue.push(rc.get('缩写'));
							}
						});
						this.setValue(str.join());
						THIS.VALUE = strvalue.join();
						this.fireEvent(“选择”,这,记录,索引);
						警报(this.getValue());
					}
				}
			});	
	
	
});

 

分享到:
评论

相关推荐

    combobox实现下拉框多选

    本方法和用checkbox, listbox等控件和事件拼凑出来的不同,本方法是一个集成的独立控件,基本实现了控件的顺滑度,下拉框可悬浮等效果,可以认为是comboBox的升级版,使用方便,仅需引用编译好的DLL,直接在toolBox...

    extjs实现下拉框多选

    以上就是使用ExtJS实现下拉框多选的基本步骤。通过调整样式、事件处理和自定义行为,可以根据项目需求进一步优化这个组件。在实际应用中,你可能需要考虑数据加载、异步查询、远程过滤等复杂情况。记住,ExtJS 提供...

    extjs4 ComboBox 点击下拉框 出现grid效果

    总结来说,EXTJS4的ComboBox可以通过自定义事件处理和组件嵌套实现点击下拉框显示Grid的效果。这需要理解EXTJS的事件系统、组件创建和布局管理。同时,正确引用EXTJS库文件和资源对于应用的正常运行至关重要。

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

    Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选 本网站需要12积分下在的,现在共享都给大家

    extjs多选下拉框

    在EXTJS框架中,"多选下拉框"(Multi-Select ComboBox)是一种常见的组件,它允许用户在下拉列表中选择多个选项。EXTJS 3.*版本也提供了这种功能,使得开发者能够创建功能丰富的界面,提升用户体验。下面将详细解释...

    extjs多选 下拉框扩展

    然而,标准的ExtJS下拉框只支持单选模式。为了实现多选功能,我们需要对其进行扩展。这个“extjs多选 下拉框扩展”就是解决这个问题的一种方案。 首先,我们要理解ExtJS的ComboBox的基本结构。ComboBox由一个输入框...

    Extjs3 多选下拉框LovCombo

    在ExtJS 3中,多选下拉框(LovCombo)是一种复合组件,它结合了下拉列表和“爱好者选择”(LOV,Lookup Value)的功能,允许用户在多个选项中进行复选选择。在Web应用中,这种组件常用于数据输入,特别是在数据库...

    EXTJS多选下拉框

    在EXTJS中,多选下拉框(Lovcombo)是一种常见的组件,它结合了选择列表和输入框的功能,允许用户从预定义的选项中选择多个条目。这个lovcombo是lov(List-Value)和combo(组合框)的结合体,提供了丰富的交互性和...

    Extjs6中Combobox实现下拉多选

    该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能

    extjsCombo下拉框多选

    然而,有时候我们需要在下拉框中实现多选功能,这就需要用到“extjsCombo下拉框多选”这个主题。 在ExtJS原生的Combo组件中,它默认只支持单选。为了实现多选,我们需要对其进行扩展,创建一个MultiCombox组件。...

    找到的ExtJS实现多选下拉框3个代码

    本文将深入探讨如何在ExtJS中实现多选下拉框功能,这在数据输入和选择场景中非常常见。我们将基于标题中的“3个代码”来讲解不同的实现方法,并结合提供的资源`demo`进行说明。 1. **ExtJS的MultiSelect ComboBox**...

    Extjs下拉多选树

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

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    在ExtJS 4.x框架中,ComboboxTree是一种特殊的组件,它将传统的下拉框与树形结构结合在一起,提供了一种更为灵活的用户输入方式。这种组件在数据选择上非常实用,尤其当数据层级关系复杂时,可以方便地进行多选或...

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

    "ext多选下拉列表的全选功能实现"这个主题聚焦于一个特定的UI组件——ExtJS库中的MultiComboBox,这是一种允许用户多选的下拉列表控件。在实际应用中,全选功能常常被用来快速选择所有选项,极大地提高了用户的操作...

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

    1. **配置多选**:通过设置`multiSelect: true`属性,可以让ComboBox支持多选模式。用户可以通过Ctrl或Shift键进行多选。 2. **实时搜索**:实现搜索功能需要监听ComboBox的`keyup`事件,并在此事件处理器中应用...

    extjs-Ext.ux.form.LovCombo下拉框

    在压缩包子文件的文件名称列表中提到的"extjs下拉",很可能包含了EXTJS下拉框相关的示例代码、样式文件或者配置文件。这些文件可以帮助开发者理解并应用`Ext.ux.form.LovCombo`,通过查看源码学习如何初始化、配置...

    Extjs4下拉树菜单ComboBoxTree支持单选和多选并且支持展开选中指定节点的通用控件

    ComboBoxTree是ExtJS4中的一个自定义组件,它结合了ComboBox(下拉框)和TreePanel(树形面板)的功能。ComboBox通常用于提供一个下拉列表供用户选择,而TreePanel则用于展示层次结构的数据。ComboBoxTree将这两者...

    extjs 复选下拉框的例子

    ExtJS中的复选下拉框功能是通过`Ext.form.MultiSelect`或自定义`ComboBox`组件实现的,能够极大地增强用户交互体验,尤其是在需要处理多选场景的应用程序中。通过对数据源的配置、样式的设计以及自定义类的使用,...

Global site tag (gtag.js) - Google Analytics