Fancytree:实现引导皮肤
目前，我有一个使用Windows 7皮肤css的实用fancytree，但是我的应用程序的其余部分是基于引导样式的。我在实现引导皮肤到Fancytree时有问题。当我这样做时(通过用引导css文件替换我的win7 css文件)，我的fancytree可以工作，但是它没有显示文件夹、复选框等的图标，它完全是空白处。对于独立于图标的.gif映像的其他皮肤也会发生同样的情况(引导-n和可怕)
如何实现这些皮肤？我是不是遗漏了什么？
如果有关系的话，我使用的是extensions: ["contextMenu", "dnd", "edit"]
编辑:在进一步的测试中，我开始注意到，当我刷新页面以查看是否有任何更改生效时，在加载之前，我会在树上看到一个图标。我成功地拍摄了一个截图，但我不认为这是一个引导图标。
也许它错了？还有什么能让它消失呢？它的行为方式让我认为它被background: none或类似的东西覆盖了，但是图标出现在其中的<span>类是fancytree-icon，该类唯一可用的css是在我的启动皮肤的css文件中，而且我没有看到任何重写的情况发生。
回答 3
Stack Overflow用户
发布于 2015-06-09 17:29:37
为了使用引导、字体和其他基于字形的主题，您还应该包括ext-glyph扩展。
这里的例子：http://wwwendt.de/tech/fancytree/demo/index.html#sample-ext-bootstrap.html
Stack Overflow用户
发布于 2015-06-08 22:19:59
从相关文件中复制图标类并将其粘贴到css文件的底部，并在项目中使用的相关文件夹中包含图像文件。
请检查你的图标路径在谷歌铬控制台，你会发现什么东西是缺少的。如果图标图像或字体图标没有丢失..。这意味着某些类型的css背景没有或透明的类正在重写css上的背景工作文件。
Stack Overflow用户
发布于 2015-09-14 17:31:02
我也有过类似的问题。
查看示例中的调用。显然，你需要提供一张地图才能让字形正常工作。这是对我有用的，使用字体-太棒了。
<script type="text/javascript">
$j(function(){
// Initialize Fancytree
$j("#tree").fancytree({
extensions: ["glyph"],
checkbox: true,
selectMode: 3,
glyph: {
map: {
doc: "fa fa-file-o",
docOpen: "fa fa-file-o",
checkbox: "fa fa-square-o",
checkboxSelected: "fa fa-check-square-o",
checkboxUnknown: "fa fa-square",
dragHelper: "fa arrow-right",
dropMarker: "fa long-arrow-right",
error: "fa fa-warning",
expanderClosed: "fa fa-caret-right",
expanderLazy: "fa fa-angle-right",
expanderOpen: "fa fa-caret-down",
folder: "fa fa-folder-o",
folderOpen: "fa fa-folder-open-o",
loading: "fa fa-spinner fa-pulse"
}
},
source: { url: "/tree.json", cache: true },
lazyLoad: function(event, ctx) {
ctx.result = {url: "ajax-sub2.json", debugDelay: 1000};
}
});
});
</script>若要使用图标，请在此地图中交换：
map: {
doc: "glyphicon glyphicon-file",
docOpen: "glyphicon glyphicon-file",
checkbox: "glyphicon glyphicon-unchecked",
checkboxSelected: "glyphicon glyphicon-check",
checkboxUnknown: "glyphicon glyphicon-share",
dragHelper: "glyphicon glyphicon-play",
dropMarker: "glyphicon glyphicon-arrow-right",
error: "glyphicon glyphicon-warning-sign",
expanderClosed: "glyphicon glyphicon-plus-sign",
expanderLazy: "glyphicon glyphicon-plus-sign", // glyphicon-expand
expanderOpen: "glyphicon glyphicon-minus-sign", // glyphicon-collapse-down
folder: "glyphicon glyphicon-folder-close",
folderOpen: "glyphicon glyphicon-folder-open",
loading: "glyphicon glyphicon-refresh"
}https://stackoverflow.com/questions/30719039
复制相似问题
腾讯云开发者
