根据 jstree,默认情况下,所有节点包括父节点和子节点旁边都有复选框。
但我想要这样的东西jqueryeasyUI tree 其中有用于级联和叶节点检查的选项。
编辑: 下面给出了一个示例。
<div id="jstree">
<!-- in this example the tree is populated from inline HTML -->
<ul>
<li class="node" >Root node 1
<ul>
<li id="child_node_1">Child node 1</li>
<li>Child node 2</li>
</ul>
</li>
<li class="node" >Root node 2</li>
</ul>
</div>
<button>demo button</button>
<!-- 4 include the jQuery library -->
<script src="dist/libs/jquery.js"></script>
<!-- 5 include the minified jstree source -->
<script src="dist/jstree.min.js"></script>
<script>
$(function () {
// 6 create an instance when the DOM is ready
$("#jstree").jstree({
"checkbox": {
"keep_selected_style": false
},
"plugins": ["checkbox"]
});
$(".node").find('> a > .jstree-checkbox').remove()
});
</script>
现在我可以在折叠时删除父节点的复选框,但展开时会在其旁边创建复选框。
有谁知道jstree是否提供了只检查叶节点而不是级联检查的选项? 如果是这样,请分享想法。
最佳答案
我认为最好的解决方案来自 this post如下
CSS 解决方案就可以了
#id-here .jstree-open > .jstree-anchor > .jstree-checkbox,
#id-here .jstree-closed > .jstree-anchor > .jstree-checkbox { display:none; }
关于javascript - 如何创建仅在叶节点上带有复选框的复选框树,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21216844/