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

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

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

我们继续往下看:

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

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

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

↑是checkbox样式

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

↑是展开的实心三角标

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

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

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

你可能感兴趣的:(jstree)