easyui commbox嵌入一个checkbox的实现

Posted 2020-08-20 芜明-追星

function InitComBoBox(datagrid, combxid, formid, url, valueField, textField,_prompt) {
$(combxid).combobox({
url: Medicom.url + url,
method: ‘get‘,
valueField: valueField,
textField: textField,
panelHeight: ‘auto‘,
multiple: true,
width: 200,
editable: false,
prompt: _prompt,
formatter: function (row) {
var opts = $(this).combobox(‘options‘);
return ‘<label><input type="checkbox" class="combobox-checkbox"> ‘ + row[opts.textField] + ‘</label>‘
},
onShowPanel: function () {
var opts = $(this).combobox(‘options‘);
var target = this;
var values = $(target).combobox(‘getValues‘);
$.map(values, function (value) {
var el = opts.finder.getEl(target, value);
el.find(‘input.combobox-checkbox‘)._propAttr(‘checked‘, true);
})
},
onHidePanel: function () {
//提交给后台进行查询
},
onLoadSuccess: function () {
var opts = $(this).combobox(‘options‘);
var target = this;
var values = $(target).combobox(‘getValues‘);
$.map(values, function (value) {
var el = opts.finder.getEl(target, value);
el.find(‘input.combobox-checkbox‘)._propAttr(‘checked‘, true);
})
},
onSelect: function (row) {
var opts = $(this).combobox(‘options‘);
var el = opts.finder.getEl(this, row[opts.valueField]);
el.find(‘input.combobox-checkbox‘)._propAttr(‘checked‘, true);
},
onUnselect: function (row) {
var opts = $(this).combobox(‘options‘);
var el = opts.finder.getEl(this, row[opts.valueField]);
el.find(‘input.combobox-checkbox‘)._propAttr(‘checked‘, false);
}
});
}