jstree中的checkbox默认选中和隐藏示例代码
jstree复选框自定义显示隐藏和初始化默认选中
首先需要配置Checkboxplugin
"plugins":['checkbox']
设置默认选中状态（checkbox选中）
state:{checked:true}
$.jstree.defaults.checkbox.tie_selection
示例：
$('#demo_tree').jstree({
"core":{
'data':[
{"id":"ajson1","parent":"#","text":"Simplerootnode",state:{checked:true}},
{"id":"ajson2","parent":"#","text":"Rootnode2"},
{"id":"ajson3","parent":"ajson2","text":"Child1"},
{"id":"ajson4","parent":"ajson2","text":"Child2"},
]
},
"plugins":['checkbox'],
"checkbox":{
"tie_selection":false,
}
});
jstree复选框自定义显示隐藏
jstree本身不支持在节点中隐藏checkbox，国外有个大佬给出一个利用css来隐藏的解决方案：
首先来一段css
.no_checkbox>i.jstree-checkbox{display:none}
然后在data的json数据结构中
$('#demo_tree').jstree({
"core":{
'data':[
{"id":"ajson1","parent":"#","text":"Simplerootnode",state:{checked:true}},
{"id":"ajson2","parent":"#","text":"Rootnode2"},
{"id":"ajson3","parent":"ajson2","text":"Child1",a_attr:{class:"no_checkbox"}},
{"id":"ajson4","parent":"ajson2","text":"Child2"},
]
},
"plugins":['checkbox'],
});
效果：
jstreeversion=>3.3.8
参考：
https://stackoverflow.com/questions/6112567/jstree-hide-checkbox
总结
以上所述是小编给大家介绍的jstree中的checkbox默认选中和隐藏示例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。