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