EasyUI中的Combotree checkbox坑

masuz1

于 2017-11-09 23:53:03 发布

阅读量6.2k

点赞数 2

分类专栏： WEB前端文章标签： easyui

本文链接：https://blog.youkuaiyun.com/masuz1/article/details/78495463

版权

本文详细介绍了在使用EasyUI的Combotree控件时遇到的多选功能配置问题。官方文档表明设置`multiple`为`true`可启用多选，但当需要对不同节点设置不同的多选行为时，`checkable`属性并不如预期工作。通过查阅源代码，发现`checkable`属性在Combotree中实际上是继承自`Tree`的`isLeaf`属性。解决方法是将`checkable`设置为返回布尔值的函数，从而实现对特定节点的多选控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

EasyUI中的Combotree checkbox坑

在EasyUI中使用Combotree控件时，如果要实现多选功能，官方文档是直接设置Options配置中的multiple属性为true，即可在弹出的树形菜单中显示多选框。
如下所示：

<div>
<input id="sel_city" name="city[]" size="64" />
</div>
//...
<script>
$(function(){
    
    $('#sel_city').combotree({
        url: 'http://to.yours.com/method',
        editable:false,
        lines:true,
        method:'get',
        parentField:'_parentId',
        valueField:'id',
        textField:'text',
        multiple:true, //这个选项设置多选功能
        cascadeCheck:false,