問題

我有一個從資料庫中獲取資料的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