Client Height

[Cush]

Hi All

I have been trying to control the scroll height of a grid using javascript,
I have encountered some problems as the grids are held within pageviews and the client height always returns 0 when in a container of some kind!!!
To work around this is used the row count of the grid to determine the scroll height:

function GridCreated(sender, args) {
                   var scrollArea = sender.GridDataDiv;
                   var masterTable = sender.get_masterTableView();
                   var itemCount = masterTable.get_dataItems().length;

                   if (itemCount == 0) {
                       scrollArea.style.height = 17 + "px";
                   }else if (itemCount < 10) {
                       scrollArea.style.height = Math.round((itemCount * 24)) + "px"
                   }

               }

However i am not 100% happy with this as if the row size increases in height the grid will not render correctly.
Is there a work around to get the client height within a page view/container.

Your help would be most appricated.

Best Regards

Cush

[Galin]

Hi Cush,

With Telerik Client Api it is easy to get the DOM element of the whole RadGrid or any of its components. Also you can easily get their height, eg. :

Javascript:

var radGrid1 = $find('RadGrid1')
radGrid1.get_element(); //returns the DOM element of the wrapper of the grid
radGrid1.get_element().offsetHeight; //returns the height of the RadGrid
radGrid1.get_masterTableView().get_element(); //returns the DOM element of the masterTableView
radGrid1.get_masterTableView().get_element().offsetHeight;  //returns the height of masterTableView

However in your source it seems that you are trying to set calculated height depending on the item count. You can achieve this by with setting ClientSettings-Scrolling-ScrollHeight="", eg:

<ClientSettings>
    <Scrolling AllowScroll="True" ScrollHeight="" />
</ClientSettings>

Please refer to these help topics:
Getting familiar with client side api.
Grid height vs scrollheight.

I hope this helps.

Regards,
Galin
the Telerik team

[Cush]

Hi Galin Many Thanks for the reply and the information, However obtaining the scroll height returns zero due to the grid being inside of a container, in my case a page view, This is why I adopted the approach that I posted, Is there any work around to get the scroll height if the grid is inside of a container / page view? Many thanks Best Regards Cush

[Galin]

Hi Cush,

The scroll height will return zero only in case the height of the Grid is close to zero. It happens when the RadGrid has height="100%" and its container does not have fixed height. For more information on the matter you can refer to the following Code Library and download the file grid_100_width_height.zip:
http://www.telerik.com/community/code-library/aspnet-ajax/grid/setting-100-height-and-resize-on-container-resize-for-grid-with-scrolling-and-static-headers.aspx

However, if the issue persists could you send us more information or a small running project that we can use to reproduce the problem.

Regards,
Galin
the Telerik team

[Cush]

Hi Galin

Thank you for your reply,
I will put in a support ticket on this as my grid does not have 100% height and the container does have a fixed height, also the grid height is not zero!

Nor do i wish it to occupy 100% width or height.

All i want to do is obtain the client height so that i am able to hide the white background that is shown by setting the scroll height property.
I have tried the same approach as THIS article suggests but because the client height returns zero it will not work

Regards

Cush

[Pavlina]

Hi Cush,

The scroll height will return zero only in case the height of the Grid is close to zero. It happens when the RadGrid has height="100%" and its container does not have fixed height. For more information on the matter you can refer to the following Code Library and download the file grid_100_width_height.zip:
http://www.telerik.com/community/code-library/aspnet-ajax/grid/setting-100-height-and-resize-on-container-resize-for-grid-with-scrolling-and-static-headers.aspx

However, if the issue persists could you send us more information or a small running project that we can use to reproduce the problem.

Regards,
Pavlina
the Telerik team

[Cush]

Hi Pavlina

I am confused that you have posted the same answer as Galin?

Rgds

Cush

[Pavlina]

Hello Cush,

Please excuse us for the mistake, I accidentally sent the same answer twice.

However, I suggest that you examine the help articles below which elaborate on this subject and see if they help to achieve your goal.
http://www.telerik.com/help/aspnet-ajax/grid-resize-grid-with-scrolling-when-less-data.html
http://www.telerik.com/help/aspnet-ajax/grid-change-scroll-height-at-runtime.html

Kind regards,
Pavlina
the Telerik team

[Cush]

Hi Pavlina

Thanks for the reply and the suggested links.
However i have already tried both of these approaches and they fail due to not being able to get the client height as the grid is inside of a pageview?

Best Regards

Cush

[Pavlina]

Hello Cush,

I noticed that you have opened a support ticket with the same question. To avoid duplicate posts I will ask you to continue our communication there.

Regards,
Pavlina
the Telerik team

[Cush]

Hi Pavlina

No problem at all.

Regards

Cush