Grid and Lazy loading

[René]

Hello,

I would like to implement some kind of lazy loading in RadGrid.

Let's say we have page with collapsed panels (via jQuery) in page. Every panel contains server generated user control - mostly grids. Current behavior is that when page loads, all grids loads data and renders everything. We need to collapse all panels and force grids to set data sources on server side (as in current state), but do NOT databind.

We want to implement calling databind() from javascript when client expands panel.

I found on web that only way how to force grid not to databind is set visible=false; But I don't think this is the best way, because control is not rendered and there is no way how to set visibility from javascript and call databind, or not?

Is there any way how to do it? Some kind of disable auto databind?

Regards
René

[Radoslav]

Hello René,

You can try using the client side data binding of the RadGrid. In this case initially you can bind the grid to empty collection. Then when the panel is expanded you can fetch data from a web service and set it as datasource of the grid’s mastertableview, like is shown in the following example:
http://demos.telerik.com/aspnet-ajax/grid/examples/data-binding/client-side/programmatic/defaultcs.aspx

...
var tableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
tableView.set_dataSource(result);
tableView.dataBind();
...

Please give it try and let me know if this approach helps you.

Regards,
Radoslav
Telerik

 

 

[René]

Hello,

yes, it should work if data are available via any service. But my data source is serverside bound inside user control. All I need is set data source and do not call databind. Then just invoke databind from client when data source is assigned.

​Regards
René

[Radoslav]

Hi René,

I am sending you a simple example which demonstrates the desired functionality. Please check it out and let me know if it helps you. Looking forward for your reply.

Regards,
Radoslav
Telerik