$.post("getSubInsuranceTypeList.do",{parent_id:node.id},function(result){
if (result.length == 0){
$("#sub-insurance").addClass("none");
} else {
$("#sub-insurance").removeClass("none");
// 带复选框的下拉框
$("#sub_insurance_type").combobox({
data:result,
multiple:true,
valueField: 'id',
textField: 'text',
panelHeight: 'auto',
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) {
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);
}
});
}
},"json");
相关文章
- 11-08在elementUI中使用 el-autocomplete 实现带搜索建议的下拉框
- 11-08checkboxlist 下拉框多选功能 ,模拟dropdownlist带复选框效果
- 11-08纯css美化下拉框、复选框以及单选框样式并用jquery获取到其被选中的val
- 11-08ajax版本带搜索的下拉框
- 11-08JS实现带复选框的下拉菜单
- 11-08POI 生成带联动下拉框的excel表格
- 11-08easyUI带复选框的组合树
- 11-08mysql导入导出数据中文乱码解决方法小结(1、navicat导入问题已解决,创建连接后修改连接属性,选择高级->将使用Mysql字符集复选框去掉,下拉框选择GBK->导入sql文件OK;2、phpmyadmin显示乱码的问题也解决,两步:1.将sql文件以utf8的字符集编码另存,2.将文件中sql语句中的字段字符集编码改成utf8,导入OK)
- 11-08Easyui-combobox-checkbox-带复选框的下拉框
- 11-08WPF:带复选框CheckBox的树TreeView