c# - 自动完成扩展器在模式弹出扩展器内不起作用

Question

我正在打开一个弹出窗口，其中有一个文本框。我想为此文本框使用 Ajax 自动完成 extebder。但它无法调用 webservice 方法进行自动完成。无法理解这是回发或更新面板的问题。

我应该在哪里使用更新面板？我的包含弹出 div 的页面已经在“updatepanel1”内。

代码快照如下。帮助我...

 <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"   ChildrenAsTriggers="false" >

    <asp:TextBox ID="txtEditMPName" runat="server" Width="408px" AutoPostBack="true"        BackColor="#CCFFFF" OnTextChanged="txtEditMPName_TextChanged">
    <cc1:AutoCompleteExtender ID="ace2" runat="server" BehaviorID="autoSuggest" 
  DelimiterCharacters="" Enabled="true" MinimumPrefixLength="1" ServiceMethod="GetParty" CompletionInterval="10" EnableCaching="true"   CompletionSetCount="1" OnClientShown="ShowOptions"
  TargetControlID="txtEditMPName" FirstRowSelected="True" CompletionListCssClass="AutoCompleteCompletionList" CompletionListHighlightedItemCssClass="AutoCompleteCompletionListHighlightedItem" CompletionListItemCssClass="AutoCompleteCompletionListItem">
    <Triggers>
      <asp:AsyncPostBackTrigger ControlID="txtEditMPName" EventName="TextChanged" />
    </Triggers>
  </asp:UpdatePanel>

Answer 1

您只需在 CSS 类上添加 Z-INDEX 即可实现 autocomplete-extender 的 3 个部分

******************** 自动完成扩展控制**************** ******************

CompletionListCssClass="autocomplete_completionListElement" CompletionListItemCssClass="autocomplete_listItem"CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem"

************************ CSS **************** ******************

    /* AutoComplete highlighted item */
    .autocomplete_completionListElement
    {
        margin: 0px !important;
        z-index:99999 !important;
        background-color: ivory;
        color: windowtext;
        border: buttonshadow;
        border-width: 1px;
        border-style: solid;
        cursor: 'default';
        overflow: auto;
        height: 200px;
        text-align: left;
        left: 0px;
        list-style-type: none;
    }
    /* AutoComplete highlighted item */
    .autocomplete_highlightedListItem
    {
        z-index:99999 !important;
        background-color: #ffff99;
        color: black;
        padding: 1px;
        cursor:hand;
    }
    /* AutoComplete item */
    .autocomplete_listItem
    {
        z-index:99999 !important;
        background-color: window;
        color: windowtext;
        padding: 1px;
        cursor:hand;
    }