Невозможно развернуть все узлы в Kendo TreeView

Question

Я хочу показать, что мой Kendo UI TreeView расширяется за все время, но он будет показывать только рухнувший. При перезагрузке источника данных я могу видеть вспышку расширенного дерева, но затем она рушится.

var locationTreeView = $("#treeViewLocations").kendoTreeView({ 
checkboxes: { 
    checkChildren: false, 
    template: "# if(item.showCheckbox){# <input type='checkbox' name='selectedLocations' value='#= item.value #' />#}#" 
}, 
dataTextField: "text", 
dataSource: { 
    transport: { 
     read: { 
      url: window.location.origin + "/api/v1/bookingrequestlocation", 
      dataType: "json", 
      type: "GET", 
      data: { bookingSeasonPeriodId: bookingSeasonPeriod.value() }, 
     } 
    }, 
    schema: { 
     model: { 
      id: "value", 
      children: "items", 
      hasChildren: "hasChildren", 
     } 
    } 
}}).data("kendoTreeView"); 

expandTreeView(); 

function changeSeason() { 
    locationTreeView.dataSource.read(); 
    expandTreeView();} 

function expandTreeView() { 
    locationTreeView.expand(".k-item");} 

Answer 1

Огонь expandTreeView() функция в DataBound случае

Answer 2

Это работает для меня ... Спасибо ... Я добавил DataBound Событие Как это

.Events(e => e.DataBound("ExpandAllTree")) 

и в этом методе

function ExpandAllTree() { 
     var treeview = $("#TreeView").data("kendoTreeView"); 
     treeview.collapse(".k-item"); 
    } 

И это прекрасно работает ...

Answer 3

Add the following code right after creating the treeview 

var tree = $("#TREEVIEWID").data("kendoTreeView"); 
     function expandTreeNodes() { 
      if ($('.k-item').length) { 
       var expandedLength = $('.k-item').length; 
       tree.expand(".k-item"); 
       if (expandedLength < $('.k-item').length) { 
        expandTreeNodes(); 
       } 
      } 
     }