kendo treeview não carregando após o sucesso do ajax - javascript, html, kendo-treeview

Estou tentando carregar o kendo treeview usando fonte de dados ajax. Este é o meu HTML

<div ng-controller="TreeController" style="margin-left:200px;">
<div kendo-tree-view k-options="treeOptions"
k-data-source="treeObj" id="ktree"></div>
<br />
</div>

E este é o meu javascript

.success(function (datax) {
//if (data.length == 0) {
//    //customerGroupParentNodeCode="NewTree"
//    $scope.customerGroupParentNode = "NewTree";
//}
arr = [];
for (var i = 0; i < datax.length; i++) {
arr.push({
id: datax[i].Child_Code,
text: datax[i].Child_Name,
parent: datax[i].Parent_Code
});
}
var startingPoint = loggedLocation + "/ROOT-0";
arr2 = getNestedChildren(arr, startingPoint);
alert(getNestedChildren(arr, startingPoint)[0].items[0].id)
var knobj2 = new kendo.data.HierarchicalDataSource({
data: arrayObj
});
//setting heirarchial data to scope
$scope.treeObj = knobj2;
}).error(function (data) {
});

Mas a árvore não carrega com sucesso no ajax. Quando declaro a matriz exatamente igual à matriz gerada a partir da árvore de kendo de solicitação do ajax, é gerada.

    var arrayObj = [{
id: 2,
text: "test",
expanded: true,
items: [{
id: 10,
text: "February.pdf",
//spriteCssClass: "pdf"
}, {
id: 11,
text: "March.pdf",
//spriteCssClass: "pdf"
}, {
id: 12,
text: "April.pdf",
//spriteCssClass: "pdf"
}]
}]
var knobj = new kendo.data.HierarchicalDataSource({
data: arr2
});

//setting heirarchial data to scope
$scope.treeObj = knobj;

isso está funcionando.

Respostas:

você pode adicionar na função de sucesso:

var treeview = $("#treeview").data("kendoTreeView"); treeview.setDataSource(data);

faço setDataSource(dataArray) inicializar treeView