动态加载jstree,只列出第一级父节点,无子节点,此时状态如下(无展开图标):
我们继续往下看:
如上图所示,其实jstree的展开图标是一直存在的,只是通过右边的background-position来控制显示的样式(是展开图标,闭合图标,还是横线,复选框等等),那么我们接下来就来改变一下背景坐标试试看。
↑是checkbox样式
↑是展开的实心三角标
好了,接下来换成我这次项目需求的样式。Css设置如下:
.jstree-default .jstree-leaf:not(.last-children) > .jstree-ocl {
background-position: -100px -4px;
}
在动态加载的jstree中,只显示第一级父节点且无子节点时,节点默认没有展开图标。实际上,展开图标是存在的,只是通过CSS背景定位隐藏了。通过调整CSS样式,例如将`.jstree-default .jstree-leaf:not(.last-children) > .jstree-ocl`的`background-position`设置为`-100px -4px`,可以显示所需的展开图标。
27

被折叠的 条评论
为什么被折叠?



