变种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()); } } }); });
相关推荐
extjs实现下拉框多选,很实用哦!
本方法和用checkbox, listbox等控件和事件拼凑出来的不同,本方法是一个集成的独立控件,基本实现了控件的顺滑度,下拉框可悬浮等效果,可以认为是comboBox的升级版,使用方便,仅需引用编译好的DLL,直接在toolBox...
extjs combo下拉框多选(含源代码),对原本的ext下拉框进行的扩展,代码简单易懂,可根据自己的需求进行修改
Extjs3 多选下拉框LovCombo,Extjs3 多选下拉框LovCombo
Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选 本网站需要12积分下在的,现在共享都给大家
extjs多选 下拉框扩展
extjs多选下拉框,支持单选,多选,全选和全不选,ext3.*适用,文章的例子下载。
网上下载的多选下拉框,类型为lovcombo。 只要把css和js放到你指定的位置,再更改js中调用css时的地址。 然后就可以在页面像使用其他组件一样使用了。
在Extjs4中,下拉多选得以支持,只需要设置Combobox的multiSelect值为true就可以了。但是有一些问题,就是下拉框选值、去除值友好性不高,必须点击下拉框中同样的项,才能选取或去除。 在官网论坛中,发现了一个插件...
NULL 博文链接:https://lyndon-lin.iteye.com/blog/833120
Extjs4 comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用。来源于网络,稍作修改。
extjs3.2 多选下拉框 复选下拉框
功能:extjs4 下拉菜单树 combobox+tree 支持单选多选等 收集两款,仅需要1分。
extjs多选下拉框,Ext.ux.form.LovCombo,extjs 以修复多选下拉框火狐下取不到值的问题,火狐下div不显示背景色的问题
Extjs4下拉树菜单 ComboBoxTree 支持单选和多选并且支持展开选中指定节点的通用控件 在项目中已经成熟运用 值得收藏和运用
开始以为很简单,在option里加个input checkbox就行了。哪知行不通,网上搜了一些实现方法,主要是用div层来模拟下拉。本想照着这种思路,再结合这个项目具体应用自己写一个,发现太麻烦了。...只需在省份下拉框的sele
最近涉及到的一个项目中,需要实现ComboBoxTree的效果,由于在Extjs中是没有这种效果,所以看看别人的资料自己写了一个,感兴趣的朋友可以参考下哈
extjs4 框架实现树形结构的下拉框,并支持多选、复选,项目中开发实际用到的,这里提供了前段的js代码,大家有用到的,可以进行参考。