grid is contained in a div. make div change size on grid changing size.

[lina fetisova]

Good day!
I have a grid on page, it has width 100% and height 100%
The grid is contained in a div. When I change pagimng size or when I go through pages in pagin height of the grid changes but the div's height does not =(   And it looks bad. How can I make div change size on grid changing size? What RadGrids client events should I use for it?

[lina fetisova]

I try to do this way:

<telerik:RadGrid  ID="grClients" runat="server" GridLines="None" AllowPaging="True"
          AllowAutomaticInserts="True" AllowAutomaticUpdates="True"  AllowFilteringByColumn="True"
          AllowSorting="True"  PageSize="50"   Skin="Windows7"
        OnNeedDataSource="RadGrid1_NeedDataSource" AutoGenerateColumns="False"
        ShowGroupPanel="True" Width="100%" Height="100%" GroupPanel-Width="100%"
        OnPageIndexChanged="AjaxSizeChanged" OnPageSizeChanged="AjaxSizeChanged"></telerik:RadGrid>

 <telerik:RadCodeBlock runat="server" ID="RadCodeBlock1">
    <script type="text/javascript">
function AjaxSizeChanged(sender, eventArgs) {
            var grid = $find("<%=grClients.ClientID %>");
            document.getElementById('divLO').style.height = grid.style.height;
        }
</script>
        </telerik:RadCodeBlock>

and I have such an error:

"ASP.allclients_aspx" does not contain a definition for "AjaxSizeChanged". Could not find the extension method "AjaxSizeChanged", taking the first argument of type "ASP.allclients_aspx"

[Dimo]

Hi Lina,

PageSizeChanged is a server event and requires a server handler, which you obviously don't have. However, a server handler will not help you to change the <div>'s height.

If you want the RadGrid parent <div> to change its height according to the RadGrid height, then simply do not set any height to the <div>. If you want the RadGrid control to be 100% high, then also set a 100% height style to the <div>.

If you have some more complex logic, which should determine the <div>'s height, then use the RadGrid's OnGridCreated client event.

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

By the way, you should change the following in your Javascript code:

grid.style.height

to

grid.get_element().offsetHeight



Kind regards,
Dimo
the Telerik team

[lina fetisova]

Dimo, thank you very much! now everything is allright!=)