How to use Angular-Resource service with TreeList DataSource?

[f]

I m trying to integrate Kendo-ui into my AngularJS app. I have a working AngularJS app with ngResource as following:

(function () {
"use strict";
angular
.module("app")
.controller("RoleListCtrl",
["roleResource",
RoleListCtrl]);
function RoleListCtrl(roleResource) {
var vm = this;
roleResource.query(function (data) {
vm.roles = data;
});
}
}());

I want to use the same roleResource.query() to get data for a <kendo-treelist options="treelistOptions"></kendo-treelist>. I tried as following:

$scope.treelistOptions = {
dataSource: {
type: "odata",
transport: {
read: function (e) {
roleResource.query(function (data) {
return data;
});
}
},
schema: {
model: {
id: "id",
expanded: true
}
}
}, ......

It can start to loading data but the data never loaded (the loading.gif running for ever).

What is the right way to use Angualr-Resource with kendo dataSource?

Thanks,

[f]

Edit...

I just modified my code as kendo document:

dataSource: {
transport: {
read: {
dataType: "jsonp",
data: {
q: function () {
var roles;
roleResource.query(function (data) {
roles = data;
});
return roles;
}
}
}
}
},

It still does not work. I got a "Request failed" message with a "Retry" button on screen. I can see the data successfully downloaded with correct json format by browser's developing tool, but these data can't show on screen.

I tried to copy the downloaded data to local data and use it in the dataSource. It works fine.

Please advise!

[Nikolay Rusev]

Hello,

 

There is an example of how to Bind the Grid using the $http service. You can use the same approach for the TreeList as well.

 

Regards,
Nikolay Rusev
Telerik