问题

我有一个从数据库中获取数据的Kendo TreeView,基本上看起来像这个 demo .我想使用这个 Kendo icons 在文本前面添加图标.知道我该怎么做吗?或者它可以用CSS完成?

  最佳答案

只需跟随 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>
 

  相同标签的其他问题

kendo-uikendo-gridkendo-treeview