Easyui复选框 combobox

说明:这里演示的下拉复选框的选择
 

<input type="hidden" id="s_string_like_rwlb" name="s_string_like_rwlb"/>
<input type="hidden" id="hf_rwlbmc" name="hf_rwlbmc"/>
<input class="easyui-combobox" id="yjrw" name="yjrw" type="text" style="width: 145px;">
$(function() {
    loadUI();//选择抽查类型
    loadRwlbInfos('');//加载抽查类型
});
//加载选择框的数据
function loadRwlbInfos(yjrw) {
    $.post(basePath + "/admin/code/listCodeByMzjc", { //注意这里要写你自己的接口地址和相应的参数
	prefix : 'RL',
	type : '1',
	code : ''
    }, function(data) {
	if (data.msg == 'OK') {
	    var codedata = [];
	    for (var i = 0; i < data.list.length; i++) {
		codedata.push({
		    "text" : data.list[i].description,
		    "id" : data.list[i].code
	    });
	}
	$("#yjrw").combobox("loadData", codedata);
	if (yjrw != '') {
	    $("#yjrw").combobox("setValues", yjrw.split(','));
	} else {
	    $("#yjrw").combobox("setValues", '');
	}
      }
    }, 'json');
}
//选择
function loadUI(){
    $("#yjrw").combobox({
	valueField:'id',
	textField:'text',
	multiple:true, 
	editable:false, 
	formatter: function(row){
	    var opts = $(this).combobox('options');
	    return '<input type="checkbox" class="combobox-checkbox">' + row[opts.textField];
	},
        onSelect: function (row) {
            var options = $(this).combobox('options');
            var el = options.finder.getEl(this, row[options.valueField]);
            el.find('input.combobox-checkbox')._propAttr('checked', true);
            if(row.id!=''){
		$('#s_string_like_rwlb').val($('#yjrw').combobox('getValues'));
		$('#hf_rwlbmc').val($('#yjrw').combobox('getText'));
            }
        },
        onUnselect: function (row) {
            console.log(row);
            var options = $(this).combobox('options');
            var el = options.finder.getEl(this, row[options.valueField]);
            el.find('input.combobox-checkbox')._propAttr('checked', false);
            if(row.id!=''){
            	$('#s_string_like_rwlb').val($('#yjrw').combobox('getValues'));
            	$('#hf_rwlbmc').val($('#yjrw').combobox('getText'));
            }
        }
	});
}

效果图

猜你喜欢

转载自blog.csdn.net/z19799100/article/details/105949064