javascript中的asp.net自动完成组合框函数

Z时代
2024-01-10
分类：问答

asp ajaxtoolkit自动完成组合框有一些javascript函数可用，所以我们可以在客户端选择selecteditem文本或选定的项目值。javascript中的asp.net自动完成组合框函数

感谢与Atif

回答：

如果你的意思是这个，在这里你可以下载完整的源代码，所有的js文件：

http://ajaxcontroltoolkit.codeplex.com/

否则，这里是一个简短的文档：

http://www.asp.net/ajax/ajaxcontroltoolkit/samples/autocomplete/autocomplete.aspx

我想，你可以通过控制这种行为完成服务方法，哪里取决于你，你如何实现它。

回答：

<script type="text/javascript"> 
    function autoComplete1_OnClientShown(sender, eventArgs) { 
     var valueToSelect = $("#<%= TextBox1.ClientID %>").val(); 
     if (valueToSelect.length > 0) { 
      var itemToSelect = $("li[_value^='" + valueToSelect + "']", ".CompletionList").get(0); 
      Sys.Debug.traceDump(itemToSelect); 
      if (itemToSelect) 
       $find("AutoCompleteEx")._setText(itemToSelect); 
     } 
    } 
</script> 
<asp:Label runat="server" AssociatedControlID="TextBox1" Text="Select the first value that starts with: " /> 
    <asp:TextBox runat="server" ID="TextBox1" />&nbsp; 
    <br /> 
    <asp:Label ID="Label1" runat="server" AssociatedControlID="TextBox2" Text="Choose value: " /> 
    <asp:TextBox runat="server" ID="TextBox2" /> 
    <ajax:AutoCompleteExtender runat="server" 
      BehaviorID="AutoCompleteEx" 
      ID="autoComplete1" 
      TargetControlID="TextBox2" 
      ServicePath="Default.aspx" 
      ServiceMethod="GetCompletionList" 
      MinimumPrefixLength="2" 
      DelimiterCharacters=";, :" 
      CompletionListCssClass="CompletionList" 
      OnClientShown="autoComplete1_OnClientShown" 
      ShowOnlyCurrentWordInCompletionListItem="false" > 
    </ajax:AutoCompleteExtender>