大家好，今天我要给大家分享个好玩东西，就是怎么搞定jstree里的那个乱七八糟的复选框，而且还能叫他刚开始就自动选定。有没有觉得jstree里那些checkbox特别烦人？别担心，我这就来告诉你怎么办！
别忘了弄好那个Checkbox插件！没它的话之后的步骤都走不通咯，记得了不？
state: {checked: true}
$.jstree.defaults.checkbox.tie_selection
接下来咱们要搞定默认选中的功能。简单来说，就是一些选项框做成一开始就是选定的状态，这样用户就不用费劲儿地挨个去点了，省时又省力，多方便呀!
$('#demo_tree').jstree({
"core" : {
'data': [
{ "id" : "ajson1", "parent" : "#", "text" : "Simple root node", state: {checked: true}},
{ "id" : "ajson2", "parent" : "#", "text" : "Root node 2" },
{ "id" : "ajson3", "parent" : "ajson2", "text" : "Child 1" },
{ "id" : "ajson4", "parent" : "ajson2", "text" : "Child 2" },
]
},
"plugins" : ['checkbox'],
"checkbox" : {
"tie_selection": false,
}
});
你们还在么？别急着走，咱俩还能聊好些有趣的话题！就说下一个问题，怎么才能去掉jstree节点里面的复选框？这个可不简单
别着急，这里有妙招！国外有位大神用CSS把checkbox都隐藏掉了，超酷的！我们只需要加上一些简单的css代码和调整下json数据结构就可以了！
你知道现在最新的jstree版本是哪款吗？就是3.3.8！我问这问题干嘛？没办法每个版本都有所不同，弄明白点，用起来才不费劲儿~
.no_checkbox>i.jstree-checkbox{display:none}
好，今天聊到了载入 jstree 的时候怎么让复选框出现跟默认选中！不知道小伙伴们觉得怎么样？要是还有疑问的话就快留言 Where can I? 我会尽快回复的啦～最后特别感谢大家对于我们网站的支持
今天分享就到这儿了希望你们都喜欢我写的内容，学到些东西，甚至有想法。需要的时候记得点个赞转发下！也欢迎你们在评论区里留言交流，咱们一起探讨。这篇文章讲了如何解决jquery目录树复选框自定义显示、隐藏和初始选中的问题。其实就是弄明白Checkbox插件、设置默认选取和利用css把复选框藏起来这几点。掌握好这些小窍门能帮你不少忙，期待你们关注我们网站，还有更多惊喜等你发现！
$('#demo_tree').jstree({
"core" : {
'data': [
{ "id" : "ajson1", "parent" : "#", "text" : "Simple root node", state: {checked: true}},
{ "id" : "ajson2", "parent" : "#", "text" : "Root node 2" },
{ "id" : "ajson3", "parent" : "ajson2", "text" : "Child 1" , a_attr: {class: "no_checkbox"}},
{ "id" : "ajson4", "parent" : "ajson2", "text" : "Child 2" },
]
},
"plugins" : ['checkbox'],
});
评论0