怎么在jstree中实现复选框默认选中和隐藏

  介绍

怎么在jstree中实现复选框默认选中和隐藏?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

首先需要配置复选框插件

<代码>“plugins":[& # 39;复选框# 39;]

设置默认选中状态(复选框选中)

状态:,{检查:真正的}   美元.jstree.defaults.checkbox.tie_selection

示例:

美元(& # 39;# demo_tree& # 39;) .jstree ({   ,“core":, {   & # 39;才能数据# 39;:,   ,,{,“id",:,“ajson1",,“parent",:,“#”,,“text",:,“Simple  root  node",,状态:,{检查:,真的}},   ,,{,“id",:,“ajson2",,“parent",:,“#”,,“text",:,“Root  node  2,,},   ,,{,“id",:,“ajson3",,“parent",:,“ajson2",,“text",:,“Child  1“,},   ,,{,“id",:,“ajson4",,“parent",:,“ajson2",,“text",:,“Child  2,,},   ,,)   },   ,“plugins":,(& # 39;复选框# 39;),   ,“checkbox":, {   “tie_selection"才能:,假的,   ,}   });

jstree复选框自定义显示隐藏

jstree本身不支持在节点中隐藏复选框,国外有个大佬给出一个利用css来隐藏的解决方案:

首先来一段css

.no_checkbox> i。jstree-checkbox{显示:没有}

然后在数据的json数据结构中

美元(& # 39;# demo_tree& # 39;) .jstree ({   ,“core":, {   & # 39;才能数据# 39;:,   ,,{,“id",:,“ajson1",,“parent",:,“#”,,“text",:,“Simple  root  node",,状态:,{检查:,真的}},   ,,{,“id",:,“ajson2",,“parent",:,“#”,,“text",:,“Root  node  2,,},   ,,{,“id",:,“ajson3",,“parent",:,“ajson2",,“text",:,“Child  1“,,, a_attr:,{类:“no_checkbox"}},   ,,{,“id",:,“ajson4",,“parent",:,“ajson2",,“text",:,“Child  2,,},   ,,)   },   ,“plugins":,(& # 39;复选框# 39;),   });

效果:

jstree version=比;3.3.8

看完上述内容,你们掌握怎么在jstree中实现复选框默认选中和隐藏的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!

怎么在jstree中实现复选框默认选中和隐藏