ztree实现叶子节点半勾选状态

ztree叶子节点半勾选

这只是效果图,demo点击链接查看

ztree是一个前端的基于jQuery的树形结构插件,最近项目要用到,所以就学习了下,功能还是很强大的,但是一些小细节还是无法满足的,于是研究了一天,自己写了几个方法把小细节实现了。

具体业务是这样的:
1,节点可以勾选
2,叶子节点可以半勾选/取消,
3,勾选状态和父节点关联
4,点击叶子节点可以执行方法
5,点击父节点只能展开或收缩

但是研究后发现,ztree不能提供叶子节点自动半勾选和半勾选的自动计算(即自动取消,比如取消父节点,所有叶子节点的半勾选都要取消),也就是说只能手动设置,而后面发现这个还是比较坑:
1,手动设置的半勾选状态必须手动去清除
2,父节点自动计算的半勾选的halfCheck居然是false…

所以需要注意这点,先看看改造后的实例
继续阅读