自定义节点图标在Fancytree中不起作用

我一直在使用“Fancytree”进行一个我正在研究的项目,直到今天我一直很满意。 我需要在树中的某些节点上显示不同的图标,并且到目前为止,无法让它们显示在树上。

我在JSON字符串中指定自定义节点图标,我用它来加载树:

[{ “标题”: “清单”, “关键”: “DocFolders / 1026”, “文件夹”:真, “数据”:{ “图标”: “LockedFolder.gif”, “isLocked”:真}},{ “标题”: “遥测”, “关键”: “DocFolders / 1027”, “文件夹”:真, “数据”:{ “图标”: “LockedFolder.gif”, “isLocked”:真}},{“标题“:”Well Documents“,”key“:”DocFolders / 1028“,”folder“:true,”data“:{”icon“:”LockedFolder.gif“,”isLocked“:true},”expanded“:true ,“孩子们”:[{“title”:“4-13 Spectrum Core PG&E Data.xlsx”,“key”:“SpectrumDocs / 961”}]},{“title”:“Well Photos”,“key”: “DocFolders / 1029”, “文件夹”:真, “数据”:{ “图标”: “LockedFolder.gif”, “isLocked”:真}}]

以下是加载树的javascript代码:

$('#locDocTree').fancytree({ source: fldrObj, imagePath: 'skin-win8', activate: function (event, data) { if (data.node.folder) { $('[id$=txtSelFldrKey]').val(data.node.key); $('[id$=txtDownloadDocId]').val(''); } else { $('[id$=txtDownloadDocId]').val(data.node.key); $('[id$=txtSelFldrKey]').val(''); } } }); 

“LockedFolder.gif”文件位于“skin-win8”文件夹中,如果我从JSON中取出“icon”:“LockedFolder.gif”,则树可以使用默认图像进行渲染。 指定图标属性后,树仍会呈现,但文件夹图标没有图像。

以下是页眉中引用的脚本和css文件。

      

看起来这应该很简单,但对我来说是一个脑筋急转弯……

好吧,几个小时后,我已经设法回答了我自己的问题。 感觉非常愚蠢,但这些事情经常会发生类似的事情。 事实certificate我的问题出现在树的“imagePath”选项中。 路径名必须包含以下正斜杠。 所以解决方法是让imagePath成为“skin-win8 /”。 之后工作正常。

好吧,几个小时后,我已经设法回答了我自己的问题。 感觉非常愚蠢,但这些事情经常会发生类似的事情。 事实certificate我的问题出现在树的“imagePath”选项中。 路径名必须包含以下正斜杠。 所以解决方法是让imagePath成为“skin-win8 /”。 之后工作正常。