Question

asp ajaxtoolkit autocomplete组合框是否有一些可用的javascript函数，因此我们可以在客户端选择selecteditem文本或所选项目值。

由于与Atif

Answer 1

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

http://ajaxcontroltoolkit.codeplex.com/

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

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

我认为，您可以通过完成服务方法控制此行为，由您决定实现方式。

Answer 2

<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>

asp.net autocomplete组合框在javascript中运行

2 个答案: