首页 > 其他 > 详细

easyui commbox嵌入一个checkbox的实现

时间:2016-11-23 12:42:02      阅读:509      评论:0      收藏:0      [点我收藏+]

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);
}
});
}

easyui commbox嵌入一个checkbox的实现

原文:http://www.cnblogs.com/huangf714/p/6092978.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!