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

Question

我有一个代表图标的类。如何使用此类来显示我想要的节点图标而不是默认图标？

Answer 1

您应该查看有关主题的 DynaTree 文档。

您将编写一个 custom.css 并添加对关联类的引用

<link href="skin-custom/custom.css" rel="stylesheet" type="text/css" >

然后使用文档中解释的选项之一包含对此类的引用：

<li data="addClass:'custom1'">Node with custom class 1 
<li data="icon: 'customDoc1.gif'">Node with standard CSS, but custom icon

您可以设置自己的自定义图标，并将路径设置为树的属性： imagePath: "skin-custom/"

复制了文档中的大部分内容，如果您需要任何更具体的帮助，请详细说明。希望这能让你继续前进。谢谢

Answer 2

在css中应用这个代替folder-open.gif，您将图标放置在所有展开的文件夹中

 .dynatree-ico-ef span.dynatree-icon  /* Expanded Folder */
    {
        background-image: url("folder-open.gif");
        background-repeat:no-repeat;
        background-position:0 0;
    }

在 folder.gif 的地方，您放置所有可折叠文件夹的图标

 .dynatree-ico-cf span.dynatree-icon  /* Collapsed Folder */
{
    background-image: url("folder.png");
    background-repeat:no-repeat;
    background-position:0 0;
}

对于文件图标

 span.custom span.dynatree-icon
{
   background-image:url('Fileicon.gif'); 
   background-position:0 0;
   background-repeat:no-repeat;
}

在 li 中为文件图标添加类。像这样

<li id="id2.2.1" data="addClass:'custom'">item2.1.1

Answer 3

最初使用适当的 css 设置树文件夹和节点的图标

var tree = $('#myId').fancytree({
    classNames: {
        folder: 'dynatree-folder'
        nodeIcon: 'icon-16-folder'
    }
});