Ajax AutoCompleteExtender控件使用方法

站长苏飞

AutoCompleteExtender控件，固名思义就是可以辅助TextBox控件自动输入，实现如http://www.baidu.com这样的效果。
    Ajax Control Toolkit 是一个丰富的控件集，可以为我们提供许多很炫也很实用的页面功能。编写一个Asp.Net Ajax控件是比较耗费精力的，不仅需要有一定的javascript脚本编写能力，还需要了解微软的Ajax Library。如果我们急需一些效果，那么可以直接使用Ajax Control Toolkit 所提供的一些功能。但是如果想要完全明白它是如何运作的，还是需要认真地学习一下如何编写一个Asp.Net Ajax控件。我个人觉得Asp.Net Ajax控件能够较好地将以前的编写的javascript特效也融合到了.Net控件中，这样既利于javascipt代码的重用，更便于日后的使用，而不是一定要在控件中使用Ajax方式与服务端进行一次通信往来。
在Ajax Control Toolkit中包含了两类控件，其中一类后缀为Extender，也就是“扩展”的意思，这类控件可以对现有Asp.Net的能力进行扩充，来实现一些更华丽的效果。这篇文章简单介绍一下Ajax Control Toolkit中的AutoCompleteExtender如何使用，顾名思义，它可以实现一个常见的效果：AutoComplete（自动匹配）。
编写WCF Service代码
      在进行AutoComplete时，是将客户端文本框中输入的值与服务器端的数据相比较，这样就需要在服务端创建一个方法，它能够接受来自客户端文本框输入的字符串，并且针对此字符串对数据库或者其他数据源中的数据进行查找，然后将匹配的结果以字符串数组的形式返回给客户端，最后客户端将获得的结果以列表形式显示在输入文本框的下面。尽管前面的描述只有短短的几句话，但是却暗含了这样几个问题需要注意：
   1.由于每次客户端输入时都要进行一个查找和匹配的过程，因此要查找的数据源如果不大的话，应该尽量缓存在服务端内存中，而不是每次查找匹配都去访问实际的存储位置，比如说数据库。
   2.有可能用户输入的字符串会返回极大量的结果，比如30个，为了提升服务端查找的效率，也为了不在客户端显示极长的列表，可以限制返回的结果数目。
   3.AutoComplete是为了根据用户输入的字符判断用户的意图，然后返回可能的结果。如果用户只输入一个字符，比如a，就开始进行查找匹配，对于用户来说意义不大，而且也会加重服务端负担，因为此时往往会返回极长的列表。
AutoCompleteExtender控件的属性：
　　　１．TargetControlID：指定将被辅助完成自动输入的控件ID，这里的控件只能是TextBox；
　　　２．ServicePath：指出提供服务的WEB服务路径，若不指出则ServiceMethod表示本页面对应的方法名；
　　　３．ServiceMethod：指出提供服务的方法名；
　　　４．MinimumPrefixLength：指出开始提供提示服务时，TextBox控件应有的最小字符数，默认为3；
　　　５．CompletionSetCount：显示的条数，默认为10；
　　　６．EnableCaching：是否在客户端缓存数据，默认为true；
　　　７．CompletionInterval：从服务器读取数据的时间间隔，默认为1000，单位：毫秒。
　ASPX页面代码：
[code=html]    <form id="form1" runat="server">
        <asp:ScriptManager runat="server" ID="ScriptManager1" />
        <ajaxToolkit:AutoCompleteExtender
            ID="AutoCompleteExtender1"
            runat="server"
            ServicePath="AutoComplete.asmx"
            TargetControlID="TextBox1"
            ServiceMethod="GetTextString">
        </ajaxToolkit:AutoCompleteExtender>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </form>   
</body>[/code]
WebServcie－AutoComplete.cs代码：
[code=csharp]using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;


[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

[System.Web.Script.Services.ScriptService]

public class AutoComplete : System.Web.Services.WebService {

    public AutoComplete () {
    }

    [WebMethod]
    public string[] GetTextString(string prefixText, int count)
    {
        string[] strArray = new string[count];

        for (int i = 0; i < count; i++)
        {
            strArray = prefixText + i.ToString();
        }

        return strArray;
    }
}　　[/code]
在这里需要注意以下几点：
　　　１．由于该WEB服务是为Ajax框架提供服务的，因此在类声明之前得加上属性声明：
　　　　　[System.Web.Script.Services.ScriptService]
　　　２．特别需要注意的是GetTextString这个方法。凡是为AutoCompleteExtender控件提供服务的方法都必需完全满足以下三个条件：
　　　　　Ａ．方法的返回类型必需为：string []；
　　　　　Ｂ．方法的传入参数类型必需为：string  ,   int；
　　　　　Ｃ．两个传入参数名必需为：prefixText  ,  count。

大清辽光

不错。值得学习啊，顶一个