easyui combobox 带 checkbox
2016-12-28 14:10
831 查看
$('#cc').combobox({
url:'combobox_data1.json',
method:'get',
valueField:'id',
textField:'text',
panelHeight:'auto',
multiple:true,
formatter: function (row) {
var opts = $(this).combobox('options');
return '<input type="checkbox" class="combobox-checkbox">' + row[opts.textField]
},
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) {
//console.log(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);
}
});
url:'combobox_data1.json',
method:'get',
valueField:'id',
textField:'text',
panelHeight:'auto',
multiple:true,
formatter: function (row) {
var opts = $(this).combobox('options');
return '<input type="checkbox" class="combobox-checkbox">' + row[opts.textField]
},
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) {
//console.log(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中combobox多选并附加checkbox的实现
- easyui combobox 带 checkbox 亲自验证
- easyui combobox 中实现 checkbox
- easyui combobox with checkbox item
- EasyUI下combobox中添加checkbox,并输入全拼简拼进行筛选显示
- Easyui-combobox-checkbox-带复选框的下拉框
- 关于easyUI中combobox多选并附加checkbox的实现
- EasyUi combobox-checkbox 带全选功能
- easyui combobox 带 checkbox
- 【ITOO技术篇】Easyui datagrid中添加 Combobox
- 往class="easyui-combobox"的select中添加onchange事件
- Easyui combobox设置不可编辑
- easyui combobox 实现复选框多选
- 【jQuery easyUI】easyui-combobox下拉框按钮隐藏或取消
- easyUI对combobox设置value和text
- easyui combobox 在datagrid中动态加载数据
- Flex DataGrid中添加Label,Button,CheckBox,ComboBox
- EASYUI DATAGRID 多列复选框CheckBox
- easyui combobox 请选择 全部
- combobox下拉框默认选择了第一值——easyUI