This is a migrated thread and some comments may be shown as answers.

RadGrid in a resizable RadPane combined with RadAjaxManager

1 Answer 46 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Teija
Top achievements
Rank 1
Teija asked on 20 Apr 2009, 03:45 PM
Hi

I have a problem with a RadGrid using paging inside a resizable RadPane. The RadGrid is set to 100% height. When Im resizing the RadPane the grid is also resized to fit the panes height perfectly. All is fine until I add a RadAjaxManager to support partial updates on my page. Then the RadGrid is not resizing properly. Its fixed at a minimal height no matter how I resize my pane.

Here is the code Im using. All is fine with the RadAjaxManager commented but when I uncomment it and use the RadAjaxManager I get this strange effect.

Ideas anyone?

<%@ Page Language="c#" CodeFile="GridTest.aspx.cs" AutoEventWireup="false" Inherits="GridTest" %> 
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"
<body class="BODY"
    <form id="Form1" method="post" runat="server"
        <asp:ScriptManager ID="ScriptManager" runat="server" /> 
 
<%-- 
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
            <AjaxSettings> 
                 <telerik:AjaxSetting AjaxControlID="RadGrid1"
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
            </AjaxSettings> 
        </telerik:RadAjaxManager> 
--%> 
 
        <telerik:RadSplitter ID="RadSplitter1" Width="700px" runat="server" Orientation="Horizontal"
            <telerik:RadPane ID="gridPane" runat="server" Height="307px" 
                Scrolling="None"
 
                <telerik:RadGrid AllowPaging="true" PageSize="40" Width="100%" Height="100%" Style="border: 0; 
                    outline: none" ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1"
                    <MasterTableView AllowPaging="true" TableLayout="Fixed" /> 
                    <PagerStyle Mode="NumericPages" /> 
                    <ClientSettings EnableRowHoverStyle="true"
                        <Selecting AllowRowSelect="true" /> 
                        <Scrolling AllowScroll="true" UseStaticHeaders="true" /> 
                    </ClientSettings> 
                </telerik:RadGrid> 
 
            </telerik:RadPane> 
 
            <telerik:RadSplitBar CollapseMode="Both" ID="RadSplitBar2" runat="server" EnableResize="True"
 
            </telerik:RadSplitBar> 
            <telerik:RadPane ID="listBoxPane" runat="server" BackColor="#d9eeff"
                Bottom Pane 
            </telerik:RadPane> 
        </telerik:RadSplitter> 
 
        <asp:SqlDataSource ID="SqlDataSource1" runat="server"  
            ConnectionString="<%$ ConnectionStrings:RejusUnderhÃ¥llningConnectionString %>"  
            SelectCommand="SELECT RecID FROM [Activity]"></asp:SqlDataSource> 
    </form> 
</body> 
</html> 

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 23 Apr 2009, 07:25 AM
Hello Mathias,

Please refer to the following code library example, which explains how to resolve the problem:

Ajaxified RadGrid inside RadSplitter

Best wishes,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
Grid
Asked by
Teija
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or