Question

我有一个autocompleteextender，显示问题列表。在同一文本框中，当我输入内容并单击“搜索”按钮时，应打开一个弹出窗口并选择类别。我正在使用modalpopupextender进行弹出窗口。但是在使用自动完成扩展程序时，modelPopup没有打开。同时没有自动完成扩展程序它将起作用

Answer 1

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

使用此代码段：

<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>

Modal Popup不使用AutoCompleteExtender

1 个答案: