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