Question

这是此帖的后续问题：Font Awesome icons for Webix tree nodes

当树的“select：true”时，上述解决方案不能正常工作。在这里的演示中试一试，看看我的意思：http://webix.com/snippet/4e85a0ef。

@Aquatic，请你用一个例子来更新代码，这样Font Awesome图标就可以代替'标准'文件夹图标了它在任何情况下都能正常工作，看起来和标准图标一样好，包括当select = true时树？

Answer 1

默认样式有一些跨距规则，这会导致问题。只需使用不同的标签进行图标托管。如下所示

webix.type(webix.ui.tree, {
  name:"awesome",
  folder:function(obj){
      if (obj.$count)
        return "<i class='webix_icon fa-folder'></i>";
      return  "<i class='webix_icon fa-file'></i>";
    }
});

和

<style>
  i.webix_icon{
    color: #777;
    line-height:27px;
  }
</style>

http://webix.com/snippet/9a187ca6

当select = true时，Webix树节点的Font Awesome图标

1 个答案: