0

高さ 100% の RadSplitter の RadPane に、高さ 100% の Telerik RadGrid があります。マスター ページがない場合、RadGrid はブラウザ ウィンドウの高さに自動的にサイズ変更されますが、問題はありません。マスター ページを使用すると、そのマスター ページのコンテンツの高さが計算に含まれないため、RadGrid のフッターが切り捨てられます。誰でもこれを解決するための最良のアプローチを提案できますか?

切り捨てられた RadGrid

マスターページ

<head runat="server">
    <title></title>
    <style type="text/css">
        html, body, form 
        {
            height:100%;
            margin: 0px;
            padding: 0px;
            overflow: hidden;    
        }
    </style>
    <asp:ContentPlaceHolder id="head" runat="server" />
</head>
<body>
    <div style="height:100px; background-color:blue;">Test Master Content</div>
        <form id="form1" runat="server">
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" />
            <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server" />
        </form>
</body>

子ページ

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%" Orientation="Horizontal">
        <telerik:RadPane ID="RadPane1" runat="server" Width="100%" height="50px" BackColor="Red">
             <p>This is a test</p>
        </telerik:RadPane>
        <telerik:RadSplitBar ID="RadSplitBar1" runat="server" />
        <telerik:RadPane ID="RadPane2" runat="server" Width="100%" Height="100%">
            <telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="RadGrid1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManagerProxy>
            <telerik:RadGrid ID="RadGrid1" 
            runat="server" 
            Width="100%"
            Height="100%"
            OnNeedDataSource="RadGrid1_NeedDataSource" />
    </telerik:RadPane>
    </telerik:RadSplitter>
   </asp:Content>
4

1 に答える 1

1

固定の高さと相対的な高さを組み合わせています。マスターボディはブラウザの高さの100％ですが、それに100pxを追加して、画面から外します。コンテンツでは、radpane 2は100％ですが、Radpane1は50pxです。これも画面外にプッシュされます。ただし、radsplitterは、ブラウザの100％のみを表示するように指示しているため、チョップオフします。許容できるように見える場合は、radsplitterを140％に設定してみてください…そして、csstweakvilleへようこそ

于 2013-02-08T15:40:31.430 に答える