kendo treeview ne se charge pas après le succès ajax - javascript, html, kendo-trevis

J'essaie de charger l'arborescence du kendo à l'aide d'une source de données ajax. Ceci est mon code 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>

Et c'est mon 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) {
});

Mais l’arbre ne se charge pas avec succès ajax. Lorsque je déclare un tableau exactement identique au tableau généré, une arborescence de demande de kendo est générée.

    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;

cela fonctionne.

Réponses:

dans la fonction de réussite, vous pouvez ajouter:

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

faire setDataSource(dataArray) initialiser treeView