以上的代码初始化EasyUI ComboBox的组件,并未显示复选框,要怎么设置才会出现复选框呢?
时间: 2024-09-23 17:00:53 浏览: 40
如果你想要在EasyUI的ComboBox组件中显示复选框以实现多选功能,你需要在初始化选项中包含`checkbox`字段,并且设置其值为`true`。默认情况下,EasyUI的ComboBox并没有内置的复选框,但你可以自定义一个外观类似的选择框。这是一个示例代码:
```javascript
$('#cmb_city').combobox({
url: '/Sjfx/ashx/SjfxBaseDataHandler.ashx?action=Crew',
valueField: 'CREWCODEGUID',
textField: 'CREWNAME',
editable: false,
multiple: true, // 表明支持多选
checkbox: true, // 显示复选框
formatter: function(value, item, index) { // 自定义渲染,展示复选框
return '<div class="easyui-combobox-item">' +
'<input type="checkbox" checked="' + (value ? 'true' : 'false') + '" />' + // 添加复选框
'<span>' + item.CREWNAME + '</span></div>';
}
});
```
这里,我们设置了`formatter`属性,它会在每次数据显示时返回HTML,包括自定义的复选框。
请注意,为了保持样式的一致性,你可能需要创建一个适当的CSS类来定制复选框的样式。
阅读全文