介绍
怎么在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中实现复选框默认选中和隐藏