模态弹出窗口不适用于 AutoCompleteExtender

【问题标题】：Modal Popup not working with AutoCompleteExtender模态弹出窗口不适用于 AutoCompleteExtender
【发布时间】：2012-10-08 17:51:59
【问题描述】：

我有一个显示问题列表的自动完成扩展器。在同一个文本框中，当我输入内容并单击“搜索”按钮时，应打开一个弹出窗口并选择类别。我正在使用 modalpopupextender 弹出窗口。但是使用自动完成扩展器时模型弹出窗口不会打开。同时没有自动完成扩展器它会工作

【问题讨论】：

标签： c# ajaxcontroltoolkit modalpopupextender

【解决方案1】：

如果您尝试在 ModalPopupExtender 中使用 AutoCompleteExtender，您会注意到自动完成选项显示在模态弹出窗口的后面。这是一个 Z-index 问题，其中 ModalPopupExtender 覆盖所有其他控件。如果您检查模态框的 Z-index，您会发现它使用 100001 作为其前景元素，因此请使用更高的值，例如 10000001。

使用这个代码sn-p：

<cc1:AutoCompleteExtender ID="ace" runat="server" OnClientShown="ShowOptions">
</cc1:AutoCompleteExtender>

<script language="javascript" type="text/javascript">
    function ShowOptions(control, args)
    {
        control._completionListElement.style.zIndex = 10000001;
    }
</script>

【讨论】：