如何在使用JSTREE动态加载数据时显示加载图像?

3

在我的项目中,我通过ajax调用动态填充子节点数据。由于数据量很大,加载数据需要一些时间。因此,我想在树形结构中(在子节点位置)显示一个加载图像。如何实现这一点?


我已经找到了这个问题的答案。当一个节点在JSTREE中加载时,它将具有“jstree-loading”类。因此,在您的CSS文件中,只需添加以下行。.jstree-default a.jstree-loading .jstree-icon { background:url(image name) center center no-repeat !important; }注意:Image name是一个变量。所以不要忘记将其放在引号中。示例代码:.jstree-default a.jstree-loading .jstree-icon { background:url("myImage.gif") center center no-repeat !important; }谢谢 - Sairam Venkata
1个回答

3
当在JSTREE中加载节点时,该节点将具有“jstree-loading”类。
因此,只需将以下内容添加到您的CSS中:
.jstree-default a.jstree-loading .jstree-icon { 
    background:url(image name) center center no-repeat !important; 
} 

注意:

图像名称是一个变量,请不要忘记将其用引号括起来。

示例代码:

.jstree-default a.jstree-loading .jstree-icon { 
    background:url("myImage.gif") center center no-repeat !important; 
} 

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接