Kendo UI TreeView의 트리보기 노드 색상을 설정하는 방법은 무엇입니까?

Question

DataSource 필드에 정의 된 값을 기반으로 트리보기 색상을 설정하고 싶습니다.

이 링크에서 제가하려고하는 것이 가능하다고 생각합니다. 그러나 나는 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"
    }
  ]
});

.

fiddle 링크, http://jsfiddle.net/kendododev/qzek6/

Answer 1

템플릿을 다음과 같이 정의하십시오 :

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

.

color가 유효한 색상 이름이면 작동해야합니다.

여기에서 수정 된 JSFIDDLE : http://jsfiddle.net/onabai/qzek6/3/