jstree复选框自定义显示隐藏和初始化默认选中
首先需要配置 checkbox plugin
"plugins" : ['checkbox']
state: {checked: true}
示例:
$('#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'], });
jstree 本身不支持在节点中隐藏 checkbox,国外有个大佬给出一个利用 css 来隐藏的解决方案:
首先来一段 css
.no_checkbox>i.jstree-checkbox{display:none}
然后在 data 的 json 数据结构中
$('#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'], });
效果:
jstree version => 3.3.8
如对本文有疑问, 点击进行留言回复!!
MFC的静态库.lib、动态库.dll(包含引入库.lib)以及Unicode库示例
CTF 刷题记录(一) 白云新闻搜索(手动与自动化SQL注入)
javascript如何使用函数random来实现课堂随机点名方法详解
网友评论