AutoCompleteExtender控件实现类似百度，谷歌，雅虎的下拉提示

本文链接：https://blog.csdn.net/heling0223/article/details/5641734

导读：大家可以看到，如果你在百度搜索框中输入你想输入的关键字，就会有一个下拉列表的提示，这种人性化的设置在以前几乎是很难做到的，但是自从有了AJAX之后，就变的异常的简单了，下面就给大家介绍AutoCompleteExtender控件，当然，AJAX的强大之处并不局限于此，现在流行所谓的富浏览器，所以笔者最近也在不断的学习JQuery,没办法，咱做计算机这行的，不学习就会被时代所淘汰，记得AJAX刚出来的时候，只要你会AJAX，几乎就可以拿到高薪，但是渐渐的到现在，你不会AJAX，几乎都找不到工作，当然我说的是WEB方面的。好了，不多说了，今天就进入主题吧。

首先介绍下AutoCompleteExtender控件的属性：
　　　１．TargetControlID：指定将被辅助完成自动输入的控件ID，这里的控件只能是TextBox；
　　　２．ServicePath：指出提供服务的WEB服务路径，若不指出则ServiceMethod表示本页面对应的方法名；
　　　３．ServiceMethod：指出提供服务的方法名；
　　　４．MinimumPrefixLength：指出开始提供提示服务时，TextBox控件应有的最小字符数，默认为3；
　　　５．CompletionSetCount：显示的条数，默认为10；
　　　６．EnableCaching：是否在客户端缓存数据，默认为true；
　　　７．CompletionInterval：从服务器读取数据的时间间隔，默认为1000，单位：毫秒。

这个控件的属性并不是很多，相信大家看一眼都会记得的。下面我给大家做一个DEMO。代码如下：

.aspx代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="act" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> </head> <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <act:AutoCompleteExtender runat="server" ID="act" TargetControlID="TextBox1" ServicePath="WebService1.asmx" ServiceMethod="GetTextString" CompletionInterval="500" MinimumPrefixLength="1"></act:AutoCompleteExtender> </div> </form> </body> </html>

在项目中添加一个web service ，名为WebService1.asmx

using System; using System.Collections; using System.ComponentModel; using System.Data; using System.Linq; using System.Web; using System.Web.Services; using System.Web.Services.Protocols; using System.Xml.Linq; namespace WebApplication1 { /// <summary> /// WebService1 的摘要说明 /// </summary> [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [ToolboxItem(false)] // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。 [System.Web.Script.Services.ScriptService] public class WebService1 : System.Web.Services.WebService { /// <summary> /// 特别需要注意的是GetTextString这个方法。凡是为AutoCompleteExtender控件提供服务的方法都必需完全满足以下三个条件： ///　1、方法的返回类型必需为：string []； /// 2、方法的传入参数类型必需为：string , int ; ///　3、两个传入参数名必需为：prefixText , count . /// </summary> /// <param name="prefixText">在text框中输入的值</param> /// <param name="count">CompletionSetCount:显示的条数，默认为10，这个是在调用页面添加AutoCompleteExtender的时候设置的</param> /// <returns></returns> [WebMethod] public string[] GetTextString(string prefixText, int count) { string[] strArray = new string[count]; for (int i = 0; i < count; i++) { strArray[i] = prefixText + i.ToString(); } return strArray; } } }

到此，运行项目就OK了，要强调的一点是，由于笔者刚开始使用的是.net 2.0的框架，所以在调试的时候果断被报出编译错误，

// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。 [System.Web.Script.Services.ScriptService]

在System.web.Script处就开始报错了，系统提示我所用的版本太低，笔者果断用.net 3.5重新创建了一个项目，这次调试，OK了，好了，今天是偷偷的用上班的时间写的这个，时间有点仓促，做的不好，请大家见谅。