Grid seems to lag

[Eric Skaggs]

I have three ajax-enabled grids on one page along with 50 or so other RadTextBox, RadNumericTextBox, and RadComboBox controls.  I have only one RadAjaxLoadingPanel and one RadAjaxManager that are used to load the ajax-enabled controls.  One of my grids extends beyonds the edge of the screen (due to the number of columns in it) and causes the browser to be horizontally scrollable.  The problem I'm having is that when I edit an item in the grid (using an edit form template), the grid displays the form and then freezes for a few seconds before I'm able to do anything with it.  On top of that, when I edit a different grid on the page, it seems to lag as well.  So I really can't tell if each grid is doing it on its own or if it's the fact that I've got so much going on on the page.  Other than that, all functionality is working as expected.  My questions are: 

1.    Do I need more than one RadAjaxLoadingPanel or is it ok to have one loading panel for multiple grids?
2.    Could the lag of a grid be caused by the fact that it is wider than the screen?  (I've already tried adding the ClientSetting that forces the grid to be horizontally scrollable and that did not fix the problem)
3.    Does it sound like I have things set up ok?

Here's the code for my RadAjaxManager

	<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >
	<AjaxSettings>
	<telerik:AjaxSetting AjaxControlID="lbtnSave">
	<UpdatedControls>
	<telerik:AjaxUpdatedControl ControlID="pnl1" LoadingPanelID="RadAjaxLoadingPanel1" />
	<telerik:AjaxUpdatedControl ControlID="pnl2" LoadingPanelID="RadAjaxLoadingPanel1" />
	<telerik:AjaxUpdatedControl ControlID="pnl3" LoadingPanelID="RadAjaxLoadingPanel1" />
	<telerik:AjaxUpdatedControl ControlID="pnl4" LoadingPanelID="RadAjaxLoadingPanel1" />
	</UpdatedControls>
	</telerik:AjaxSetting>
	<telerik:AjaxSetting AjaxControlID="grid1">
	<UpdatedControls>
	<telerik:AjaxUpdatedControl ControlID="grid1" LoadingPanelID="RadAjaxLoadingPanel1" />
	</UpdatedControls>
	</telerik:AjaxSetting>
	<telerik:AjaxSetting AjaxControlID="grid3">
	<UpdatedControls>
	<telerik:AjaxUpdatedControl ControlID="grid3" LoadingPanelID="RadAjaxLoadingPanel1" />
	</UpdatedControls>
	</telerik:AjaxSetting>
	</AjaxSettings>
	</telerik:RadAjaxManager>

I've already gone through and reviewed most of the posts and documentation on radgrid's performance optimizations and none of that information seemed likely to help at all.  I'd like to initially get some feedback and if I still have this issue I'll open a formal support ticket.

FYI...I also created individual pages to put each grid on a separate page for testing purposes and that didn't seem to help.  I'm really thinking I've got something simple not configured correctly.

[Yavor]

Hello Eric,

I reviewed the ajax settings and they look ok.
I suspect the lag can be coming from the other controls nested in the grid(s). One possible option in this case would be, since you mentioned that you have input controls in the grid, to use the input manager and improve performance. Another option is to reduce the number of items in the control, which in this scenario has a direct hit on the performance.

Best wishes,
Yavor
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.