ASP.NET Ajax中AutoComplete控件的使用

开发 后端 开发工具
大家一定见过google和迅雷等网站在搜索文本框中输入文字后能自动提示,你会不会感觉这种功能很炫也很实用.实际上在学习asp.net ajax之后,通过AjaxControlToolKit工具包中的AutoComplete控件也能实现这种功能,而且非常简单。本文作者将教你如何来实现这个功能。

简介

AutoComplete控件就是在用户在文本框输入前几个字母或是汉字的时候,该控件就能从存放数据的文或是数据库里将所有以这些字母开头的数据提示给用户,供用户选择,提供方便。

重要属性

1.TargetControlID:指定要实现提示功能的控件;

2.ServicePath:WebService的路径,提取数据的方法是写在一个WebService中的;

3.ServeiceMethod:写在WebService中的用于提取数据的方法的名字;

4.MinimumPrefixLength:用来设置用户输入多少字母才出现提示效果;

5.CompletionSetCount:设置提示数据的行数;

6.CompletionInterval:从服务器获取书的时间间隔,单位是毫秒。

示例

打开vs2005创建一个AjaxControlToolKit网站。

在网站的App_Data文件夹下添加文本文件TextFile.txt,并在其中添加数据,如下:

在网站的根目录下添加一个Web服务,命名为oec2003_AutoComplete,系统自动将Web服务两个部分,设计部分oec2003_AutoComplete.asmx和代码部分oec2003_AutoComplete.cs,其中oec2003_AutoComplete.cs文件自动放入到App_Code目录下。打开oec2003_AutoComplete.cs文件,添加获取数据的方法GetCompleteList,代码如下:

using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.IO;

 
/// <summary>
/// AutoComplete 的摘要说明
/// <summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class AutoComplete : System.Web.Services.WebService {

    public AutoComplete () {

        //如果使用设计的组件,请取消注释以下行 
        //InitializeComponent(); 
    }

    [WebMethod]
    public string HelloWorld() {
        return "Hello World";
    }
    /// <summary>
    /// 获取数据的方法GetCompleteList
    /// <summary>
    //定义静态数组用于保存获取的数据
    private static string[] autoCompleteWordList = null;
    [WebMethod]
    public String[] GetCompleteList(string prefixText, int count)
    {
        if (autoCompleteWordList == null)
        {
            string[] temp = File.ReadAllLines(Server.MapPath("~/App_Data/TextFile.txt"));
            Array.Sort(temp, new CaseInsensitiveComparer());
            autoCompleteWordList = temp;
        }

        int index = Array.BinarySearch(autoCompleteWordList, prefixText, new CaseInsensitiveComparer());
        if (index < 0)
        {
            index = ~index;
        }

        int matchingCount;
        for (matchingCount = 0; matchingCount < count && index + matchingCount < autoCompleteWordList.Length; matchingCount++)
        {
            if (!autoCompleteWordList[index + matchingCount].StartsWith(prefixText, StringComparison.CurrentCultureIgnoreCase))
            {
                break;
}
        }
        String[] returnValue = new string[matchingCount];
        if (matchingCount > 0)
       {
           Array.Copy(autoCompleteWordList, index, returnValue, 0, matchingCount);
        }
        return returnValue;
    }

}

由于在上面的代码中使用了File类,所以应该添加如下代码:

using System.IO;

因为需要在客户端调用Web服务,还需要添加如下代码:

[System.Web.Script.Services.ScriptService]

保存Web 服务的代码

打开根目录下默认生成的Default.aspx

在页面中拖拽一个TextBox控件和一个AutoCompleteExtender控件。

在属性窗口设置AutoCompleteExtender控件的属性,如下

<ajaxToolkit:AutoCompleteExtender 
            ID="AutoCompleteExtender1" 
            runat="server" 
            ServiceMethod="GetCompleteList" 
            ServicePath="oec2003_AutoComplete.asmx" 
            Enabled="true" 
            MinimumPrefixLength="2" 
               CompletionSetCount="10"
            TargetControlID="TextBox1">
</ajaxToolkit:AutoCompleteExtender>

在Web服务中的count参数的值是取CompletionSetCount属性的值。

保存设计的页面,将默认页面设置为起始页,按F5运行后在文本框中输入oe,就能看到想要的结果。

【编辑推荐】

  1. ASP.NET MVC案例教程
  2. ASP.NET MVC教程:创建TaskList应用程序
  3. ASP.NET中URL Rewrite的实现方法
责任编辑:杨鹏飞 来源: 博客园
相关推荐

2009-07-28 16:21:03

Asp.net AjaAutoComplet

2009-07-21 17:18:26

UpdateProgrASP.NET AJA

2009-07-20 13:54:31

ScriptManagASP.NET AJA

2009-07-29 13:50:26

UpdatePanelASP.NET

2009-07-21 17:27:12

UpdateProgrASP.NET AJA

2009-07-21 09:18:02

UpdatePanelASP.NET AJA

2009-01-16 13:17:16

AjaxASP.NET.NET

2009-07-30 12:19:32

ASP.NET中使用A

2009-07-24 15:35:00

ASP.NET Gri

2009-07-23 16:44:51

AdRotator控件ASP.NET

2009-09-11 09:09:00

ASP.NETAdRotator控件

2009-07-20 13:32:24

ScriptManagASP.NET

2009-07-20 17:59:07

JavaScript调ASP.NET AJA

2009-07-27 09:07:04

Profile SerASP.NET AJA

2009-07-22 16:11:43

ASP.NET AJA

2009-07-22 16:25:41

ASP.NET AJA

2009-07-22 16:17:39

ASP.NET AJA

2009-07-24 13:41:15

ASP.NET AJA

2009-07-29 13:32:06

ASP.NET控件使用

2009-07-27 13:52:36

Panel控件ASP.NET
点赞
收藏

51CTO技术栈公众号