动态加载jstree,只列出第一级父节点,无子节点,此时状态如下(无展开图标):

jstree动态加载,下级node加载前,无展开图标解决方法。

我们继续往下看:

jstree动态加载,下级node加载前,无展开图标解决方法。

如上图所示,其实jstree的展开图标是一直存在的,只是通过右边的background-position来控制显示的样式(是展开图标,闭合图标,还是横线,复选框等等),那么我们接下来就来改变一下背景坐标试试看。

jstree动态加载,下级node加载前,无展开图标解决方法。

↑是checkbox样式

jstree动态加载,下级node加载前,无展开图标解决方法。

↑是展开的实心三角标

好了,接下来换成我这次项目需求的样式。Css设置如下:

.jstree-default .jstree-leaf:not(.last-children) > .jstree-ocl {
    background-position: -100px -4px;
}

jstree动态加载,下级node加载前,无展开图标解决方法。

相关文章: