Extjs下拉多选框
来源:互联网 发布:nosql 大数据 编辑:程序博客网 时间:2024/06/08 08:30
var stateCombo = new Ext.form.ComboBox({
store : new Ext.data.SimpleStore({
fields : ["value", "text"],
data : [['0','有效'],['1','无效']]
}),
displayField:'text', //store也可以动态的去加载,大家自己改一下就OK
valueField:'value',
mode : 'local',
id : 'stateList',
typeAhead: true,
width : 150,
fieldLabel : '状态',
mode: 'local',
tpl:'<tpl for="."><div class="x-combo-list-item"><span><input type="checkbox" {[values.check?"checked":""]} value="{[values.text]}" /></span><span >{text}</span></div></tpl>',
triggerAction: 'all',
emptyText:'请选择',
selectOnFocus:true,
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('text'));
strvalue.push(rc.get('value'));
}
});
this.setValue(str.join());
this.value=strvalue.join();//赋值
this.fireEvent('select', this, record, index);
}
},
listeners:{
expand : function(value){//监听下拉事件
this.store.each(function(rc){
if(value.value==rc.get('value')){
rc.set('check',true);//选中
}
});
}
}
});
store : new Ext.data.SimpleStore({
fields : ["value", "text"],
data : [['0','有效'],['1','无效']]
}),
displayField:'text', //store也可以动态的去加载,大家自己改一下就OK
valueField:'value',
mode : 'local',
id : 'stateList',
typeAhead: true,
width : 150,
fieldLabel : '状态',
mode: 'local',
tpl:'<tpl for="."><div class="x-combo-list-item"><span><input type="checkbox" {[values.check?"checked":""]} value="{[values.text]}" /></span><span >{text}</span></div></tpl>',
triggerAction: 'all',
emptyText:'请选择',
selectOnFocus:true,
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('text'));
strvalue.push(rc.get('value'));
}
});
this.setValue(str.join());
this.value=strvalue.join();//赋值
this.fireEvent('select', this, record, index);
}
},
listeners:{
expand : function(value){//监听下拉事件
this.store.each(function(rc){
if(value.value==rc.get('value')){
rc.set('check',true);//选中
}
});
}
}
});
- Extjs下拉多选框
- ExtJS:下拉多选框lovcombo-ext
- ExtJS:下拉多选框lovcombo-ext
- extjs 下拉框取值
- ExtJs下拉列表框
- ExtJs下拉框联动
- Extjs下拉菜单
- Extjs 多选下拉
- extjs下拉列表 联动
- EXTjs下拉框
- ExtJs下拉列表框
- EXTjs 禁止comboBox 下拉
- Extjs下拉框笔记
- extjs 级联下拉菜单
- ExtJs ComBox下拉树
- extjs树形下拉框
- ExtJS下拉grid
- Extjs 下拉框
- MyEclipse 中 如何 去掉 JS 或 JSP 语法错误 提示
- ADO 应用程序不在运行级别较低的操作系统
- mciSendString
- 工作3年的总结
- C#语言中TransactionScope类的使用
- Extjs下拉多选框
- phpdocumentor使用
- 查看数据库服务器名和实例名
- Label和Literal
- 键盘快捷键+CMD命令
- 步步惊心插曲 - 歌词
- Webview中所调网页的缩放
- 线索二叉树的代码实现
- 用Java绘制K线 (转)