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