[Solved] When row is selected the focus goes back to top in radgrid.

[Raji]

Hi,

I have radgrid which has 200 rows per page. I have enabled row selection. When I select a row it gets selected but the focus moves to top of the grid. I want the focus to remain on the selected row. How is this possible?

<

 

ClientSettings AllowKeyboardNavigation="True" EnableRowHoverStyle="true">

 

 

<Selecting AllowRowSelect="True" />

 

 

<ClientEvents OnRowSelected="rowSelected" OnKeyPress="KeyPress" />

 

 

</ClientSettings>

Thanks,
Raji

 

[Eyup]

Hi Raji,

One possible approach is to ajaxify your grid. Alternatively, you can scroll to the selected item:
http://www.telerik.com/help/aspnet-ajax/grid-scroll-to-selected-item.html

Hope this helps.

Regards,
Eyup
the Telerik team

[Raji]

Do you have the sample for the first option? I tried the second option but I do not want the scroll bars. I did try to set the scrollbar height but when the number of records returned is small then you have a blank space below.
Any help will be appreciated.
Thanks,
Raji

[Eyup]

Hi Raji,

You can use RadAjaxManager or RadAjaxPanel to ajaxify your grid. You can also check out various demos to get a practical idea of its implementation:
http://demos.telerik.com/aspnet-ajax/grid/examples/programming/filtertemplate/defaultcs.aspx

In case you have defaultbutton on your form, please create a defaultfocus hidden button to preserve the scroll position as demonstrated in the following thread:
http://www.telerik.com/community/forums/aspnet-ajax/ajax/usage-of-defaultbutton-logic-is-resulting-in-moving-to-the-top-of-the-page-on-other-control-clicks.aspx

That should do the trick. Please give it a try and let me know if it works for you.

Greetings,
Eyup
the Telerik team