javascriptangularjskendo-uikendo-treelist

Kendo UI treelist and angular - how to determine if it's fully loaded?


In my HTML, I have:

<kendo-treelist 
   k-auto-bind="true" 
   k-data-source="dataSourceAssignment" 
   k-columns="Assignmentcols"
   k-rebind="Assignmentcols">
</kendo-treelist>

In the JS file, I am connecting it to the data source by:

$scope.dataSourceAssignment = new kendo.data.TreeListDataSource({
  transport: {
     read: function (options) {
         //code here
     },
     schema: {
         model: {
            id: "id",
            fields: {
               //fields here
            },
            expanded: true
         }
     }
});

Is there any way I could determine if the tree has fully loaded (i.e. 'no more hourglass spinning')?

I want to call a function to stop the 'loading....' UI then.


Solution

  • There appears to be an onDataBound event. Try adding that as an attribute of the tag.

    <kendo-treelist 
       k-auto-bind="true" 
       k-data-source="dataSourceAssignment" 
       k-data-bound="dataBoundHandler" 
       k-columns="Assignmentcols"
       k-rebind="Assignmentcols">
    </kendo-treelist>
    

    See: http://demos.telerik.com/kendo-ui/treelist/events