使用 PopupControlExtender 进行样式设置答案

【问题标题】：Styling with PopupControlExtender使用 PopupControlExtender 进行样式设置
【发布时间】：2013-06-15 01:27:01
【问题描述】：

所以我有一个表，其中一行 (tr) 具有 AJAX 工具包 PopupControlExtender。这是代码 -

<table id="fixedHeaderTable" border="1" cellspacing="0" runat="server">
    <tr id="headerRowFixedTable" style="height: 82px;" runat="server">
        <span id="lblColumnHeader" runat="server" />
        <img id="imgFilter" alt="Filter" src="../../App_Themes/Images/filter.png" onclick="showFilter('')" runat="server" />
        <asp:TextBox ID="txtCombo" runat="server" Visible="false" ReadOnly="true" Width="200" Font-Size="X-Small"/>
        <cc1:PopupControlExtender ID="PopupControlExtender111" runat="server" TargetControlID="txtCombo" PopupControlID="Panel111" Position="Top" />
        <asp:Panel ID="Panel111" runat="server" ScrollBars="Auto" style="z-index:152; background-color:Gray;" BorderColor="Gray" BorderWidth="1">
            <asp:CheckBoxList ID="chkList" runat="server" Height="20"/>
            <asp:Button ID="btnFilter" Text="Filter" runat="server" onclick="btnFilter_Click" />
        </asp:Panel>
    </tr>
</table>

问题是 PopupControlExtender 的高度保持在打开的表格行的范围内。如何设置该控件的样式，以便在展开时，展开后的面板不受表格行限制的影响，并且可以比该行更大（更高）？

【问题讨论】：

删除style="height: 82px;"?
它是否必须在表格行内？
@Morpheus - 删除该样式无效。
@GarrisonNeely - 是的，我正在尝试使用该弹出控件扩展器构建表格过滤功能。（结果 chkList 中的表有不同的值）
我认为你会遇到限制面板高度的父级高度，除非你将它移到父级之外。您也许可以设置绝对高度和宽度，但我不知道最终会是什么样子。

标签： asp.net css ajaxcontroltoolkit

【解决方案1】：

使用绝对定位有效。

【讨论】：