html – 字体Webix树节点的真棒图标

概述Webix integrates with Font Awesome.但是如何使用Font Awesome图标而不是树中的默认文件夹/文件图标来设置单个节点的样式？ 这是我尝试过的： http://webix.com/snippet/52251623 >模板仅适用于树级别 > $css保留现有的文件夹/文件图标 >有no icon property documented for trees,但设置 Webix integrates with Font Awesome.但是如何使用Font Awesome图标而不是树中的默认文件夹/文件图标来设置单个节点的样式？

这是我尝试过的：

http://webix.com/snippet/52251623

>模板仅适用于树级别
> $CSS保留现有的文件夹/文件图标
>有no icon property documented for trees,但设置一个做某事……当节点有子节点时,它将文件夹图标更改为文件一.

解决方法 对于单树,它就像下一个

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

你可以在这里检查样品 – http://webix.com/snippet/0f3d85c3

如果要在多个树控件之间共享此行为,可以定义一次自定义类型

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

然后使用类型：“awesome”来应用样式

webix.ui({  vIEw:"tree",type:"awesome",data:tree_data})

示例 – http://webix.com/snippet/79dbe741

总结

以上是内存溢出为你收集整理的html – 字体Webix树节点的真棒图标全部内容，希望文章能够帮你解决html – 字体Webix树节点的真棒图标所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。