Undefined TreeListDataSource with AngularJS

[Thierry]

Hello,

I have the following issue when trying to use a TreeList in my angular application.
I have the following element in my HTML file (for the tree list):

<kendo-treelist options="treelistOptions" k-rebind="treeListDataTrigger"></kendo-treelist>

And the treelistOptions object looks like this:

$scope.treelistOptions = {            
dataSource: new kendo.data.TreeListDataSource({
data: treeListData,
         
schema: {
                  model: {
                  id: "id",​                
expanded: true
                  }
                }
              }),
             columns: [...]
            };
 
Actually when I'm importing the file kendo.all.js, the above code works fine. But when I'm trying to import only the necessary files (kendo.treelist.js, and kendo.angular.js) I can not instantiate the TreeListDataSource. It says it is undefined.

Am I missing anything ? or how should I proceed to get the treelist working correctly by using only the necessary files and not kendo.all.js?

[Kiril Nikolov]

Hello Dominika,

Adding just kendo.treelist.min.js will not work. It has some dependencies on other files that you need to include as well. Please check the following documentation article that explains it:

http://docs.telerik.com/kendo-ui/install/custom#treelist

Regards,
Kiril Nikolov
Telerik

 

 

[Thierry]

Hello Kiril,

Thanks a lot for your answer.
It helps us.

Best regards,
Dominika