Иконки Font Awesome для узлов дерева Webix, когда select = true

Это дополнительный вопрос к этому сообщению: значки Font Awesome для Узлы дерева Webix

Вышеупомянутое решение не работает, когда «выберите: true» для дерева. Попробуйте это в демо здесь, чтобы понять, что я имею в виду: http://webix.com/snippet/4e85a0ef.

@Aquatic, не могли бы вы обновить код с примером, чтобы значки Font Awesome могли заменить «стандартный» значок папки, И он работал и выглядел так же хорошо, как стандартный значок во всех случаях, в том числе когда select = true для дерева?


html css font-awesome tree webix
person Ted Morris    schedule 24.12.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Стиль по умолчанию имеет некоторые правила для диапазонов, что вызывает проблему. Просто используйте другой тег для размещения иконок. Как следует

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

person Aquatic    schedule 14.01.2016