jquery - 如何为dynatree中的每个节点设置特定的图像

Question

想知道我们如何能够为 dynatree 中的每个节点设置特定的图像。我从 db 获取一个图像作为后端的字节数组，我正在转换为 Base64 String 类型并通过 JSON 对象将其发送到客户端，在客户端我正在使用它。在 javascript 中，借助 <img src=""> 标签，我们可以显示图像。

但在 dynatree 我看到代码是这样的：

$("#navTree").dynatree({
    title: "Dyna Tree",
    imagePath: "$link.getContextPath()/jQuery/dynatree/skin-eac/",
    initAjax: {
        url: "getEmployee.do",
        data: {
            root: "source"
        }
    }

图像路径总是从预定义的路径中获取静态图标/图像现在我想在这里显示我通过 json 对象获取的动态图像。

谁能指出我到底需要做什么。通过许多链接但无法找到。谢谢

Answer 1

如果要将新图像应用于节点，则可以在使用以下内容渲染节点时更改元素的 css 样式：

$('#tree').dynatree({
    // ...
    onRender: function(node, nodeSpan) {
        $(nodeSpan)
        .find(".dynatree-icon")
        .css("background", "url(../abc/xyz.png) no-repeat");
    }
});