c# - AutoCompleteExtender でモーダル ポップアップが機能しない

Question

質問のリストを表示する autocompleteextender があります。同じテキストボックスに何か入力して「検索」ボタンをクリックすると、ポップアップが開き、カテゴリを選択する必要があります。ポップアップに modalpopupextender を使用しています。ただし、オートコンプリート エクステンダーを使用している間はモデル ポップアップが開きません。オートコンプリート エクステンダーがなくても機能します。

Answer 1

ModalPopupExtender 内で AutoCompleteExtender を使用しようとした場合、オートコンプリート オプションがモーダル ポップアップの背後に表示されることに気付くでしょう。これは、ModalPopupExtender が他のすべてのコントロールをオーバーライドする Z インデックスの問題です。モーダルの 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>