Callback when grid is fully loaded

[Mahmut]

I'm trying to change some data after grid is ready to use but "onDatabound", "change" or "requestEnd" events not working for me. Becouse they are working before html changes. How can I do?

[Preslav]

Hi Mahmut,

The dataBound event fires when the widget is bound to data from its data source and it is ready to use.

• http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-dataBound

That said, if this event is not suitable for you, could you please elaborate on the exact scenario of your project? This information would help us understand the problem and provide assistance(another event) to the best of our knowledge.

Regards,
Preslav
Progress Telerik

[Mahmut]

I'm changing some html codes on incoming data but dataBound event is working before the html changes (I guess).

I have to do it after all data is loaded and html changes finished.

I defined a timer with 100ms on dataBound event and its working for me but I can't trust the timer.

[Preslav]

Hello Mahmut,

The HTML responsible for the Grid is changed before the dataBound event fires. For example, check this Dojo: http://dojo.telerik.com/AYaMA

If you need to modify HTML outside the Grid, I would suggest using the jQuery document ready event:

• https://learn.jquery.com/using-jquery-core/document-ready/

Regards,
Preslav
Progress Telerik

[Marlon]

Hi, I have the same question.

I think what Mahmut is asking is when the grid is fully created. I see after the "DataBound" is fired the grid still displaying the loading spinner. In my case I am doing a bunch of work in "ClientRowTemplateHandler".

In my case I would like to know what event I can bind to do something when the grid is fully created, and the spinner is hidden. Or in other words when all rows are fully created. My guess is that it would be when "ClientRowTemplateHandler" finishes for the last row in the grid.

Regards

[Neli]

Hi Marlon,

What you could try is to handle the dataBound event and use a slight delay. You can use setTimeout function and place the needed implementation in it.

dataBound: function(e) {
  	setTimeout(function(){
      //.....
    })
  }

If this does not suit your case, please provide some more details about the exact scenario and the result you need to acheive, so I could understand the issue better and advise you further.

Regards,

Neli