KendoUI Treeview 값을 기준으로 노드를 확장합니다.

Question

다음 값이 있으면 최상위 노드를 확장하려고하는 kenodui 트리 뷰가 있습니다. "활성"또는 "닫힌"나머지 노드는 닫힌 상태로 유지 될 수 있습니다. 내 트 리뷰를 만들려면 다음 코드를 사용하고 있습니다 :

if (CI.Popup.treeview == null) { 
     CI.Popup.treeview = $("#RelatedPropertyListing").kendoTreeView({ 
      template: "#= item.Name #", 
      dataImageUrlField: "image", 
      dataSource: CI.Popup.treeDS, 
      dataTextField: ["Name", "Name"], 
      encoded: true 
     }).data("kendoTreeView"); 
    } 

내 데이터 소스는 JSON kendo.data.HierarchicalDataSource으로 정의된다. 나는 데이터 소스 대신 HTML을 사용하여 treeview를 생성하려고 시도했지만 너무 느려서이 메소드를 사용해야한다.

"활성"또는 "닫힌"값을 가진 노드 만 확장 할 수있는 방법은 무엇입니까 ???

미리 도움을 청하십시오.

Answer 1

반환 할 데이터를 약간 변경할 수 있다면 확장하려는 각 노드에 대해 expanded ~ true을 설정하면 KendoUI에서 자동으로 처리합니다.

예 :

var data = [ 
    { 
     text : "node 1", 
     expanded: true, 
     items : [ 
      { text: "node 1.1" }, 
      { 
       text : "node 1.2", 
       expanded: false, 
       items : [ 
        { text: "node 1.2.1" }, 
        { text: "node 1.2.2" }, 
        { text: "node 1.2.3" } 
       ] 
      }, 
      { text: "node 1.3" } 
     ] 
    } 
]; 

var treeview = $("#treeview-left").kendoTreeView({ 
    dataSource : data, 
    loadOnDemand: true 
}).data("kendoTreeView"); 

here

JSFiddle

에서