Ajax 搜索自动匹配AutoComplete

最新推荐文章于 2019-04-19 14:24:06 发布

renqizhi

最新推荐文章于 2019-04-19 14:24:06 发布

阅读量907

点赞数

CC 4.0 BY-SA版权

分类专栏： AJAX 文章标签： autocomplete ajax webservice dataset string null

本文链接：https://blog.youkuaiyun.com/renqizhi/article/details/3573553

AJAX 专栏收录该内容

0 篇文章

订阅专栏

该博客介绍了如何利用AjaxControl Toolkit的AutoComplete控件实现在搜索框中输入时的自动匹配功能。通过创建一个WebService，实现了根据输入的前缀文本动态获取匹配项，并对数据进行排序和筛选。在客户端，使用ScriptManager引用WebService并配置AutoCompleteExtender，指定目标搜索框，从而完成自动匹配功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用AjaxControl Toolkit的autocomplete控件来解决搜索自动匹配.

WebService的代码段为:

    public static string[] autoComplete = null;
    [WebMethod]
    public string[] GetCompletionList(string prefixText, int count)
    {
        //验证参数是否为空
       if (string.IsNullOrEmpty(prefixText) == true || count <= 0) return null;

        //判断是否已有数据
       if (autoComplete == null)
       {
           //填充数据ps.这里我用强类型的数据集填充.用其他的数据也行.
           DataSet1.AjaxAutoCompleteDataTable dt = new DataSet1.AjaxAutoCompleteDataTable();
           DataSet1TableAdapters.AjaxAutoCompleteTableAdapter da = new DataSet1TableAdapters.AjaxAutoCompleteTableAdapter();
           da.Fill(dt);

//检测数据是否为空
if (dt.Rows.Count <= 0) return null;

           //用一个临时数组存放所有的结果
           string[] TempList = new string[dt.Rows.Count];
           for (int i = 0; i <TempList.Length;i++ )
           {
               TempList[i] = dt.Rows[i][dt.CompleteTextColumn].ToString();
           }
           //排序
           Array.Sort(TempList, new CaseInsensitiveComparer());
           autoComplete = TempList;
       }
        ////////////////////////////////对结果进行筛选///////////////////////////////////
       //用BinarySearch定位起点
       int index = Array.BinarySearch(autoComplete, prefixText);
       if (index < 0)
       {
           index = ~index;
       }

        int march=0;
        //配对以prefix开头的选项
        for (march; march<count && march < autoComplete.Length - index; march++)
        {
            if (autoComplete[index + march].StartsWith(prefixText, StringComparison.CurrentCultureIgnoreCase) == false)
            {
                break;
            }
        }
        //将符合的选项放到新的string[]中然后返回
        string[] newArr = new string[march];
        Array.Copy(autoComplete, index, newarr, 0, march);

return newArr;
}

ScriptManager指向这个Webservice

        <asp:ScriptManager ID="ScriptManager1" runat="server">
            <Services>
                <asp:ServiceReference Path="AutoComplete.asmx" />
            </Services>
        </asp:ScriptManager>

AutoComplete设置:GetCompletionList为WebServices的方法.AutoComplete.asmx为WebService的文件,TargetControlID是搜索框的文本

        <ajaxToolkit:AutoCompleteExtender
        ID="AutoCompleteExtender1"
        runat="server"
        ServiceMethod="GetCompletionList"
         EnableCaching="True"
            ServicePath="AutoComplete.asmx"
            TargetControlID="TextBox1" >
        </ajaxToolkit:AutoCompleteExtender>

PS:在WebService里面要加入[System.Web.Script.Services.ScriptService]这属性.