Kendo TreeView 模板文本颜色

Question

如果 active='n' 基于数据源字段中定义的值，我想将树视图设置为红色。如何做到这一点？ Demo in Dojo

$("#treeview").kendoTreeView({
 // template: "#if(item.active=='n'){# <span style='color:red'></span>  #} #" ,
  dataSource: [
  { text: "Title 1st",  items: [
  { text: "subTitle1", active:"y" },
  { text: "subTitle2", active:"n" },
  { text: "subTitle3", active:"y" },
  ]},{
  text: "Title 2nd"
  }
  ]
});

<div id="treeview"></div>

Answer 1

您可以将条件应用于模板属性中的样式属性，如下所示，

template: "<span #if(item.active=='n'){# style='color:red' #} #>#:item.text#</span>"

工作示例here

Kendo TreeView 模板文本颜色

Kendo TreeView template text color

kendo-ui

kendo-treeview

kendo-grid