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

Question

想知道我们如何能够为dynatree中的每个节点设置特定图像。 我从db获取一个图像作为后端端的字节数组，我转换为Base64字符串类型并通过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");
    }
});