看了下网上的下拉框多选扩展示例都太复杂了。本来很简单的东西却搞的那么复杂。
贴贴我的代码 很简单
var store = new Ext.data.SimpleStore({
fields: ['abbr', 'state', 'nick'],
data : Ext.exampledata.states // from states.js
});
var combo = new Ext.form.ComboBox({
store: store,
displayField:'state',
valueField:'abbr',
typeAhead: true,
mode: 'local',
//tpl:'<tpl for="."><div ><span><input type="checkbox" onclick="myclick(this)" value="{state}" /></span><span class="x-combo-list-item">{state}</span></div></tpl>',
tpl:'<tpl for="."><div class="x-combo-list-item"><span><input type="checkbox" {[values.check?"checked":""]} value="{[values.state]}" /></span><span >{state}</span></div></tpl>',
triggerAction: 'all',
emptyText:'select...',
// xtype:'button',
selectOnFocus:true,
applyTo: 'local-states',
onSelect : function(record, index){
if(this.fireEvent('beforeselect', this, record, index) !== false){
record.set('check',!record.get('check'));
var str=[];//页面显示的值
var strvalue=[];//传入后台的值
this.store.each(function(rc){
if(rc.get('check')){
str.push(rc.get('state'));
strvalue.push(rc.get('abbr'));
}
});
this.setValue(str.join());
this.value=strvalue.join();
//this.collapse();
this.fireEvent('select', this, record, index);
}
}
});
分享到:
相关推荐
extjs多选 下拉框扩展
Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选 本网站需要12积分下在的,现在共享都给大家
Extjs3 多选下拉框LovCombo,Extjs3 多选下拉框LovCombo
extjs3.2 多选下拉框 复选下拉框
extjs多选下拉框,支持单选,多选,全选和全不选,ext3.*适用,文章的例子下载。
网上下载的多选下拉框,类型为lovcombo。 只要把css和js放到你指定的位置,再更改js中调用css时的地址。 然后就可以在页面像使用其他组件一样使用了。
extjs多选下拉框,Ext.ux.form.LovCombo,extjs 以修复多选下拉框火狐下取不到值的问题,火狐下div不显示背景色的问题
extjs实现下拉框多选,很实用哦!
NULL 博文链接:https://lyndon-lin.iteye.com/blog/833120
本方法和用checkbox, listbox等控件和事件拼凑出来的不同,本方法是一个集成的独立控件,基本实现了控件的顺滑度,下拉框可悬浮等效果,可以认为是comboBox的升级版,使用方便,仅需引用编译好的DLL,直接在toolBox...
Extjs4 comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用。来源于网络,稍作修改。
ExtJs3.1目前所有例子源代码,合适初学者
Extjs4下拉树菜单 ComboBoxTree 支持单选和多选并且支持展开选中指定节点的通用控件 在项目中已经成熟运用 值得收藏和运用
extjs combo下拉框多选(含源代码),对原本的ext下拉框进行的扩展,代码简单易懂,可根据自己的需求进行修改
最近涉及到的一个项目中,需要实现ComboBoxTree的效果,由于在Extjs中是没有这种效果,所以看看别人的资料自己写了一个,感兴趣的朋友可以参考下哈
extjs4 框架实现树形结构的下拉框,并支持多选、复选,项目中开发实际用到的,这里提供了前段的js代码,大家有用到的,可以进行参考。
在Extjs4中,下拉多选得以支持,只需要设置Combobox的multiSelect值为true就可以了。但是有一些问题,就是下拉框选值、去除值友好性不高,必须点击下拉框中同样的项,才能选取或去除。 在官网论坛中,发现了一个插件...
Extjs4下拉菜单中用Grid显示,有单选,和多选两个控件,完美通用代码控件,绝对让你好用,值得收藏^-^