AjaxToolkit:ComboBox + AjaxToolkit:ModalPopupExtender -- ComboBox 下拉列表中断...如何修复？答案

【问题标题】：AjaxToolkit:ComboBox + AjaxToolkit:ModalPopupExtender -- The ComboBox dropdown list cuts off... how to fix?AjaxToolkit:ComboBox + AjaxToolkit:ModalPopupExtender -- ComboBox 下拉列表中断...如何修复？
【发布时间】：2011-11-23 17:16:52
【问题描述】：

基本上，我有以下几点：

.AjaxComboBoxWindowsStyle
{
    position: relative;
}

.AjaxComboBoxWindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer, .AjaxComboBoxWindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer
{
    padding: 0 !important;
}

.AjaxComboBoxWindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    margin: 0;
    border: solid 1px #7F9DB9;
    border-right: 0px none;
    padding: 0px 0px 0px 0px;
    font-size: 13px;
    height: 19px !important;
}
.AjaxComboBoxWindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    margin: 0;
    padding: 0;
    background-image: url(Img/ComboBox/windows-arrow.gif);
    background-position: top left;
    border: 0px none;
    height: 21px !important;
    width: 21px !important;
}
.AjaxComboBoxWindowsStyle .ajax__combobox_itemlist
{
    border-color: #7F9DB9;
    position: absolute !important;
    left: -173px !important;
    top: 22px !important;
    width: 171px !important;
}

<asp:Panel id="divItem" class="lrgModalWrap" style="display: block;" runat="server">
                    <ajaxToolkit:ComboBox ID="cmbEmployees" CssClass="AjaxComboBoxWindowsStyle" runat="server" AutoPostBack="False" DropDownStyle="DropDown" AutoCompleteMode="SuggestAppend" 
                    CaseSensitive="False" ItemInsertLocation="Append" MaxLength="32" />
</asp:Panel>

<ajaxToolkit:ModalPopupExtender ID="mpeParcel" BackgroundCssClass="modalBgd" CancelControlID="lbtnCancelParcel" TargetControlID="hdnItem" PopupControlID="divItem" runat="server" />

问题在于 ComboBox 下拉列表切断了弹出模型底部结束的位置......弹出模式中的组合框部分正确呈现，但其余部分没有。

奇怪的是，标准的 DropdownList（选择）可以正确呈现。

【问题讨论】：

给它一个非常高的 z-index 怎么样？这有帮助吗？
我想了想，我将 z-index 设置为 20000 !important（这样它就超过了 ModelPopupExtender 的 10001。

标签： c# asp.net combobox modalpopupextender

【解决方案1】：

这可能是与 z-index 相关的问题，其中正在呈现的 ComboBox 没有被设置得足够前以便能够重叠在正在显示的模式弹出窗口之上。

查看类似的问题I had relating to the Ajax Calendar Extender，您应该能够对其应用相同的样式以使其正确显示。

【讨论】：