Fancytree:实现引导皮肤
Fancytree:实现引导皮肤
提问于 2015-06-08 21:03:14
目前，我有一个使用Windows 7皮肤css的实用fancytree，但是我的应用程序的其余部分是基于引导样式的。我在实现引导皮肤到Fancytree时有问题。当我这样做时(通过用引导css文件替换我的win7 css文件)，我的fancytree可以工作，但是它没有显示文件夹、复选框等的图标，它完全是空白处。对于独立于图标的.gif映像的其他皮肤也会发生同样的情况(引导-n和可怕)
如何实现这些皮肤？我是不是遗漏了什么？
如果有关系的话，我使用的是extensions: ["contextMenu", "dnd", "edit"]
编辑:在进一步的测试中，我开始注意到，当我刷新页面以查看是否有任何更改生效时，在加载之前，我会在树上看到一个图标。我成功地拍摄了一个截图，但我不认为这是一个引导图标。
也许它错了？还有什么能让它消失呢？它的行为方式让我认为它被background: none或类似的东西覆盖了，但是图标出现在其中的<span>类是fancytree-icon，该类唯一可用的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"
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30719039
复制相关文章
相似问题
腾讯云开发者
