Allow Scrolling Using Javascript

[John]

Initially AllowScroll=False in RadGrid

I have wrote code as below in javascript 

 var grid = $find("<%= RadGrid3.ClientID %>");

then 

grid.ClientSettings.Scrolling.AllowScroll = true;

grid.GridDataDiv.style.height = "150px" 

but GridDataDiv returns null in this case

but when AllowScroll=True  in RadGrid 

then 

grid.GridDataDiv.style.height = "150px"  this line of code works.

Why 

grid.ClientSettings.Scrolling.AllowScroll = true;

is not supporting..

i want to set AllowScroll  using javascript becoz if records are less then no need of scrolling.

[Dimo]

Hello John,

The RadGrid control's HTML rendering is quite different when scrolling is enabled and when it is disabled. Switching the two modes on the client is not possible. The grid.ClientSettings.Scrolling.AllowScroll property value is serialized from the server and is not meant to be changed on the client.

What you can do is enable scrolling initially and change the RadGrid height on the client, depending on the number of records.

http://www.telerik.com/help/aspnet-ajax/grdresizegridwithscrollingwhenlessdata.html

or

http://www.telerik.com/community/code-library/aspnet-ajax/grid/how-to-set-radgrid-height-client-side-with-javascript.aspx


All the best,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.