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% ...欢迎来到 css tuneville

于 2013-02-08T15:40:31.430 回答