[Solved] RadGrid Autosizing.

[Jubith]

Hi

I am trying to use the javascript function as given in "Changing grid ScrollHeight at runtime to fill its container height"

I am getting an error that "GridDatDiv" is null or not an object".

Can you help?

The script is given below.

function

GridCreated(sender, args)

{

var scrollArea = sender.GridDataDiv;

var parent = $get("gridContainer");

var gridHeader = sender.GridHeaderDiv;

scrollArea.style.height = parent.clientHeight - gridHeader.clientHeight +

"px";

}

[Princy]

Hi Jubith,

Which version of the Grid are you using? Try upgrading to Q1 2008.
Updating RadControls for ASP.NET to another version or license

Princy.

[Jubith]

Thanks for the mail Princy

Better still can you update me on what should i do for customizing the height of the grid?

Regards
JN

[Princy]

Hi,

Try setting the Grid height in the aspx as shown below.

ASPX:

 <telerik:RadGrid ID="RadGrid1"   runat="server"  Height="500px"  >

Thanks
Princy.

[Jubith]

Princy

<telerik:RadGrid ID="RadGrid1"   runat="server"  Height="500px"  >

is something i would not want to do.

What i am talking about here is setting the height explicitly. That is it needs to show 10 records together. And there should be no scroll bar. When it goes to the next page which has just the 11th record, the height need to shrink and the pagination needs to come immediately after the 11th record. (If there is a 12th record, pagination will come after 12th.) Dont mind a scroll bar if the 11/12 records are shown together.

Now, when we click on add, show filter or edit modes, The height increases, But a scroll bar is not desired. As the records still are 10. Which means that the height need to adjust accordingly.

Can you help?

Thanks in advacne.
JN

[ChrisS]

Not sure whether this is exactly what you want to do but you can set the height of the radgrid via:

var companyGrid = $find("<%= rgCompany.ClientID %>")
companyGrid.GridDataDiv.style.height = 400;

Let me know if this has answered your question.

[Prabhu]

Can you explain it a bit more?

Whast "rgCompany.ClientID"?

Is rgCompany a name assumed for the Grid? If so, whats GridDataDiv?

[Shinu]

Hi Prabhu,

Have a look at the following help document links.

Getting RadGrid client object
Changing grid ScrollHeight at runtime to fill its container height

Shinu.

[ChrisS]

rgCompany is the name of the RadGrid.

No idea what GridDataDiv is.  It is explained a bit more here (as mentioned in the previous post).

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

All I know is that:

companyGrid.GridDataDiv.style.height = 400;  allowed me to change the height of my Grid!

[Prabhu]

Shinu

IN the link you have send, it says "In the GridCreated event handler, use the grid's GridDataDiv property to obtain a reference to the DOM element for the grid's scrollable region."

How do i do this? The grid i am using does not seem to have this property at all!

Jubith Nambradth

[Shinu]

Hi Jubith,

Which version of the Grid are you using?

Shinu.

[Prabhu]

4.5.2