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

2024-03-20

我正在打开一个弹出窗口,其中有一个文本框。我想为此文本框使用 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>

您只需添加Z-INDEX关于 autocomplete-extender 三个部分的 CSS 类

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

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;
    }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

自动完成扩展器在模式弹出扩展器内不起作用 的相关文章

随机推荐