如何为Kendo UI TreeView设置树视图节点颜色?

时间:2014-08-01 18:24:19

标签: javascript jquery kendo-ui kendo-mobile kendo-treeview

我想根据数据源字段中定义的值

设置树视图颜色

从这个链接,我认为我想要做的是可能的,但我没有使用MVVM,所以在我的情况下我在下面缺少什么?任何想法?

http://www.telerik.com/forums/mvvm---treeview-only-updates-on-datatextfield-change

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

$("#treeview").kendoTreeView({
  template: "#= item.text # color:#: item.color #",
  dataSource: [
    { text: "green", color: "green", items: [
      { text: "yellow", color: "yellow" },
      { text: "red", color: "red" }
    ]},{
    text: "blue", color: "blue"
    }
  ]
});

小提琴链接,http://jsfiddle.net/KendoDev/qZeK6/

1 个答案:

答案 0 :(得分:2)

将模板定义为:

    template: "<span style='color: #= item.text #'>#= item.text # color:#: item.color #</span>",

至于color是有效的颜色名称,它应该有效。

您的JSFiddle在此修改:http://jsfiddle.net/OnaBai/qZeK6/3/

相关问题