PostBack the form when a value is selected from the results returned by autocomplete extender

最新推荐文章于 2025-01-03 16:34:19 发布

fdsa123456

最新推荐文章于 2025-01-03 16:34:19 发布

阅读量517

点赞数

分类专栏： AJAX 文章标签： autocomplete postback server properties textbox javascript

AJAX 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

Some times we would like to do a post back when we select a value from the results returned by the Autocomplete extender. To do this you can leverage one of the client side properties that the AutoComplete Extender exposes. The property is OnClientItemSelected which takes a javascript method name as value.

<asp:UpdatePanel runat="server" id="UpdatePanel1" >

<asp:TextBox ID="txtOrderNumber" runat="server"
AutoCompleteType="Disabled" MaxLength="5"></asp:TextBox>

<ajaxToolkit:AutoCompleteExtender ID="OrderNumberAutoCompleteExtender"
runat="server" CompletionInterval="100" CompletionSetCount="20"
EnableCaching="true" MinimumPrefixLength="2"
ServiceMethod="GetOrderList" ServicePath="~/ASPX/Common/AutoComplete.asmx"
TargetControlID="txtOrderNumber" OnClientItemSelected="OrderNumberChanged" />

</asp:UpdatePanel>

<Script type="text/javascript">
function OrderNumberChanged( source, eventArgs )
{
__doPostBack('<%=UpdatePanel1.ClientID%>', ''); //do a postback
}
</Script>