FancyTree:通过HTML添加自定义图标?

时间:2015-02-17 22:27:55

标签: html css icons customization fancytree

我正在使用HTML来进行文件夹树控件的基本FancyTree初始化,我想知道是否还可以为这些文件夹指定自定义图标,即

<li id="xyz' class="folder" data-icon="myFolderIcon.gif">Folder Name

在我的FancyTree控件的定义中,我指定了一个imagePath:

$("#tree").fancytree({imagePath: "skin-win8/",

但我看到的只是一个空白点,我的图标应该出现,即使我将自定义图标放在 skin-win8 文件夹中。将一个或两个自定义图标添加到FancyTree控件的最简单方法是什么?我是FancyTree和CSS新手,如果你想知道:)

谢尔顿

2 个答案:

答案 0 :(得分:1)

这对我来说没问题。基本上与本演示相同:

http://wwwendt.de/tech/fancytree/demo/sample-theming.html

也许只是标记中的拼写错误:

<li id="xyz' class="folder" data-icon="myFolderIcon.gif">Folder Name

(应为id="xyz"而不是id="xyz'

答案 1 :(得分:0)

再次感谢mar10指出我正确的方向,即使他认为我的标记中有一个拼写错误并不是真正的罪魁祸首。但是,通过说他没有看到任何错误并将我回到自定义节点图标的演示中,它让我想到也许我也遇到了 imagePath 问题,例如{{ 3}}

所以我回到我的FancyTree下载并在我的服务器上运行自定义节点示例,然后我移动了页面及其依赖项,直到我得到类似于我的情况。一旦我开始工作,我就可以在实际页面中使用相同的方法......

我碰巧将所有与FancyTree相关的文件保存在我的应用程序 web 文件夹中名为 fancytree 的目录中,因此我添加了一个名为自定义并按以下方式设置我的imagepath:

imagePath: "fancytree/custom/",

一旦我这样做,我就可以使用我的自定义图标,或者将它包含在节点的HTML定义中,或者通过在我用来初始化树的某些方面的Javascript函数中设置它。希望这有助于其他一些自定义节点的新人...

谢尔顿