easyui 实现下拉列表多选

			   所属地区：
			   
			   		
			   

 

$(function(){
	
	//初始化多选复选框(所属地区)
	initCombobox('orgCode');
});

function initCombobox(id){
	var selectedText = [];
    //加载下拉框复选框  
    $('#'+id).combobox({  
        url:'/promotionReward/queryEngineerFixAssignArea.do', //后台获取下拉框数据的url
        method:'post',  
        panelHeight:200,//设置为固定高度，combobox出现竖直滚动条  
        valueField:'deptCode',  
        textField:'deptName',  
        multiple:true,
        editable:false,
        formatter: function (row) { //formatter方法就是实现了在每个下拉选项前面增加checkbox框的方法  
            var opts = $(this).combobox('options');
            if($('#deptCode').val().indexOf(row[opts.valueField]) != -1){
            	selectedText.push(row[opts.valueField]);
            	return '' + row[opts.textField] + '';
            }else{
            	return '' + row[opts.textField] + '';
            }
        },  
        onLoadSuccess: function () {  //下拉框数据加载成功调用  
        	$(this).combobox('setValues', selectedText);//填充数据
        },  
        onSelect: function (row) { //选中一个选项时调用  
            
            $(this).combobox('setValues', $(this).combobox('getValues'));
             
        },  
        onUnselect: function (row) {//不选中一个选项时调用  
        }  
    });  
}