Kendo TreeView удаленные данные с иконками - PullRequest
Новая
       64

Kendo TreeView удаленные данные с иконками

1 голос
/ 03 октября 2019

У меня был Kendo TreeView, который извлекает данные из базы данных, в основном это выглядит так: demo . И я хотел добавить значок перед текстом, используя Кендо значки . Любая идея, как я могу это сделать? Или это можно сделать с помощью CSS?

1 Ответ

1 голос
/ 03 октября 2019

Просто следуйте примеру на веб-сайте Telerik, который объясняет шаблоны.

https://demos.telerik.com/kendo-ui/treeview/templates

Добавьте шаблонный скрипт в ваш html 

<script id="treeview-template" type="text/kendo-ui-template">
            #: item.text #
            # if (!item.items) { #
                <a class='k-icon k-i-close-outline' href='\#'></a>
            # } #
        </script>

Добавьте в свое деревоопределение вида 

$("#treeview").kendoTreeView({
                template: kendo.template($("#treeview-template").html()),

И все готово.

Редактировать для условной раскраски 

<script id="treeview-template" type="text/kendo-ui-template">

     # if(item.active=='n') { #
            <span style='color:red'> <a class='k-icon k-i-close-outline' ></a> #: item.group != null ? item.group : item.ledger #</span>
     # } else { #
                <span><a class='k-icon k-i-check-outline'></a>  #: item.group != null ? item.group : item.ledger #</span>
     # } # 


  </script>
...