[EXTJS]combo下拉框可多选

combo下拉出一个grid,grid可多选。则可实现combo的多选。

<span style="color:#ff6666;">注：写代码过程中出现过一个bug，后找了好久才发现combo的id和hiddenName不能相同。</span>

var srzd_combo = new Ext.form.ComboBox({
hideOnSelect : false,
loadingText : '加载数据...',
fieldLabel : '<font color=red>*输入参数</font>',
grid : Object(),
id:'@FZDZJ@_'+zfid,
SFDX:true,
hiddenName :'@FZDZJW@_'+zfid,
displayField : 'label',
valueField : 'name',
triggerAction : 'all',
editable : false,
resizable : false,
enableKeyEvents : true ,
onSelect : Ext.emptyFn,
start:true,
selectedClass : '',
mode : 'local',
readOnly : true,
arr : [],
store:new Ext.data.SimpleStore({
fields:['label','name'],
data:srlm_data
}),
tpl : '<div id="cxtj_combo_gridTpl'+zfid+'" style="height:200"></div>',
listeners:{
collapse : function (combo){
var grid = Ext.getCmp('cxtj_combo_grid'+zfid);
var select = grid.getSelectionModel().getSelections();
var ids = [];
var val_arr = [];
for(var i=0;i<select.length;i++){
var v = select[i].get('label');
var val = select[i].get('name');
if(v!=''){
ids.push(v);
val_arr.push(val);
}
}
combo.arr = val_arr;
comboObj['@FZDZJ@_'+zfid]=combo.arr;
//alert('val_arr:'+val_arr.toString()+'---ids:'+ids.toString())
combo.setValue(val_arr.toString());
combo.setRawValue(ids.toString());
var form=fs;
for(var i=0;i<xzzj.length;i++){
xzzj[i].setDisabled(false);
}
xzzj=[];
for(var i=0;i<val_arr.length;i++){
var value = val_arr[i];
var zj1=form.find('name',value)[0];
var zj2=form.find('name',value+'_nyr')[0];
var zj3=form.find('name',value+'_sfm')[0];
var zj4=form.find('hiddenName',value)[0];
var zj5=form.find('name',value+'_xzbm')[0];

if(zj2&&zj3){	//日期类型
xzzj.push(zj2);
xzzj.push(zj3);
}else if(zj4){	//下拉框
xzzj.push(zj4);
}else{
if(zj5){
xzzj.push(zj5);
}
if(zj1){
xzzj.push(zj1);
}
}
}
for(var i=0;i<xzzj.length;i++){
if(xzzj[i]){
xzzj[i].clearInvalid();
xzzj[i].setDisabled(true);
}
}
},
expand : function(combo) {
srlm_data=[];
var sz_value = combo.arr;
for(var i=0;i<fs.items.length;i++){
var item=fs.items.get(i);
var name=item.name;
var hiddenName=item.hiddenName;
for(var m=0;m<sz_value.length;m++){
var value = sz_value[m];
if(value==name||value==hiddenName||value+'_nyr'==name){
srlm_data.push([combo.getRawValue().split(',')[m],value]);
}
}
if(item==combo||item.title=='扩展查询条件'||'要输出的资源'==item.fieldLabel){

}else if(!item.disabled&&item.fieldLabel){
var lable=item.fieldLabel;
lable=lable.substr(lable.indexOf('  ')+12);
if(name==undefined){
name=item.hiddenName;
}else if(name.lastIndexOf('_sfm')==name.length-4){
continue;
}else if(name.lastIndexOf('_nyr')==name.length-4){
name=name.substr(0,name.length-4);
}else{
name=name.replace('_xzbm','');
}
lable=lable+item.labelSeparator;
srlm_data.push([lable,name]);
}
}
if(combo.start){
var sm = new Ext.grid.CheckboxSelectionModel();
var col={header: '全部',
width: 1,
sortable: true ,
dataIndex: 'label'};
combo.grid = new Ext.grid.EditorGridPanel({
id : 'cxtj_combo_grid'+zfid,
sm : sm ,
height : 200,
frame : true,
iconCls : 'icon-grid' ,
viewConfig : { forceFit : true } ,
store : new Ext.data.SimpleStore({
fields:['label','name'],
data:srlm_data
}),
columns : [ sm, col ],
listeners : {
afterlayout : function(combo){

}
}
}).render('cxtj_combo_gridTpl'+zfid);
combo.start=false;
}else{
combo.grid.getStore().loadData(srlm_data);
var grid = Ext.getCmp('cxtj_combo_grid'+zfid);
if(grid){
var ids = combo.getRawValue().split(',');
var rows = [];
for(var i = 0; i < grid.getStore().getCount() ; i++){
var v = grid.getStore().getAt(i);
for(var j=0;j<ids.length;j++){
if(v.get('label') == ids[j]){
rows.push(i);
}
}
}
grid.getSelectionModel().selectRows(rows);
}
}

}
}
});