Native Grid loading indicator

[Ken]

I can't find anything about using a loading indicator with the native grid. Looking at the API, it doesn't look as if there is even an event that fires when the data is loaded for the native grid. Anyone able to shed any light on this?

[Plamen]

Hi Ken,

In such case grid-norecords component. If it is added the HTML in it is displayed when there is no data. When the data arrives the virtual DOM replaces the norecords component with the items. Here is a simple example how it could work. Please let me know if you have further questions.

Regards,
Plamen
Progress Telerik

[Ken]

Thanks Plamen,

Now that you spell it out, I've found that in the API section of the documents. This is just a documentation problem. Things like this should be a bit easier to find as you're looking through the docs. Still, I appreciate your response and assistance.

 

--Ken

[Plamen]

Hello Ken,

Greatly appreciate the documentation feedback.

We are actively updating our documentation and are also trying to improve it functionally - please excuse us for this inconvenience caused. 

If you have other suggestions or questions please feel free to alert us know.

Regards,
Plamen
Progress Telerik

[Ken]

So, is there something I need to do when paging? I'm using remote data. The animation shows, but after my data loads in the background, the loading animation never goes away...

[Ken]

My mistake with the animation not going away, but with paging and a remote datasource, how can I make the loading animation show when the grid is trying to load the next page of data?

[Plamen]

Hello Ken,

The loading  grid-norecords component is rendered when the dataItems are an empty array so if you want to render it before sending a request you could set the dataItems prop to an empty array and assign the items again when the request is back.

If this is somehow not working for your case would you please try to elaborate the exact case with some dummy stackbotz or codesandbox sample so we could inspect it locally and be more helpful.

Regards,
Plamen
Progress Telerik

[Ken]

Perfect - thanks for that Plamen. I actually figured that out looking through the grid code itself over the weekend, but I appreciate the helpful response all the same! That's something else that probably ought to be in the docs.

 

--Ken

[Plamen]

Hi,

I am glad it was helpful.

Thank you again got the documentation note. We are doing our best to improve the documentation and be sure that your remarks are logged internally for improvement.
If you have other questions please don't hesitate to contact us again.


Regards,
Plamen
Progress Telerik

[Wayne Hiller]

This seems like a bit of a hack. What if you have server side filtering and a user does a search that returns no records. Now you need to put all that logic into the grid-norecords slot. Could you add a grid-loading template/slot to the grid as I think it would be quite common to load paged remote data.

[Petar]

Hi Wayne,

Thank you for the feature suggestion about adding a “grid-loading template/slot”.
What I would suggest is to submit a Feature request on our Feedback portal. 

Depending on the community interest and our priority queue, we will consider implementing the requested functionality. 

 

Regards,
Petar
Progress Telerik