求助:ztree使用font awesome 图标不显示?
ztree吧
全部回复
仅看楼主
level 3
千年🐛 楼主
//设置
var setting = {
view: {
dblClickExpand: false,
showLine: true,
selectedMulti: false,
nameIsHTML: true, //为了可以使用fontawesome
showIcon: false
}
我给name加了i 标签
name = "<i class='"+t.FontIcon+"'></i>" + t.Name
结果:ztree的图标没显示,上面知识库管理前面的图标有显示
看前台的html应该也没问题吧
求助大神,该如何解决。
2015年12月19日 11点12分 1
level 3
千年🐛 楼主
我找到原因了, 去掉zTreeStyle.css里面 .ztree 的font-family就可以了
2015年12月19日 12点12分 2
level 3
千年🐛 楼主
现在有另一个问题,ztree自动生成的a标签里,, 把 <i></i> name 放到了title里,
导致我鼠标放到节点时,html代码也显示出来了
2015年12月19日 12点12分 3
我设置了 showTitle:false
2015年12月19日 12点12分
setting.data.key.title 你把这个属性设置成你的title要显示的内容不就行了么.
2017年09月18日 15点09分
level 1
可以写一个例子出来么?谢谢大神
2017年07月18日 11点07分 4
我好像之前确实搞定了
2017年07月18日 11点07分
level 2
请教楼主,“name = "<i class='"+t.FontIcon+"'></i>" + t.Name”这个是加在哪里啊?
2018年03月21日 05点03分 5
level 3
千年🐛 楼主
代码很久之前的了,我记不清了
2018年03月21日 14点03分 6
level 1
ztree 的 treeNode 有一个属性 iconSkin,可以设置 fontawsome 样式,因为它会将 iconSkin 的值添加至该节点的 class 属性中,但是会在值后添加 _ico_open 或 _ico_close 作为后缀。我想到了一个取巧的办法,就是在值的末尾添加一个空格,将其与后缀分开。例如:iconSkin: fas fa-camera (注意末尾有一个空格)。
如果你发现没有出现图标,而是一个 “口” 的话,请删除 zTreeStyle.css 中 .ztree 的 font-family。
另外,你会发现 fontawsome 无法对齐,因为有一个 “口” 占了位,我发现只要将节点 class 属性的 button 值去除,就不会有这个问题了。例如:
view: {
addDiyDom: function (treeId, treeNode) {
$("#" + treeId + "_" + treeNode.id + "_ico").removeClass("button")
}
}
2020年08月30日 15点08分 7
修正:addDiyDom: function (treeId, treeNode) { $("#" + treeNode.tId + "_ico").removeClass("button");},
2020年08月30日 17点08分
1