asp.net Ajax —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,代碼如下：

1using System;2using System.Web;3using System.Collections;4using System.Web.Services;5using System.Web.Services.Protocols;6using System.IO;789/**//// <summary>10/// AutoComplete 的摘要說明11/// </summary>12[WebService(Namespace = "http://tempuri.org/")]13[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]14[System.Web.Script.Services.ScriptService]15public class AutoComplete : System.Web.Services.WebService {1617    public AutoComplete () {1819        //如果使用設計的組件，請取消注釋以下行 20        //InitializeComponent(); 21    }2223    [WebMethod]24    public string HelloWorld() {25        return "Hello World";26    }27    /**//// <summary>28    /// 擷取資料的方法GetCompleteList29    /// </summary>30    //定義靜態數組用於儲存擷取的資料31    private static string[] autoCompleteWordList = null;32    [WebMethod]33    public String[] GetCompleteList(string prefixText, int count)34    {35        if (autoCompleteWordList == null)36        {37            string[] temp = File.ReadAllLines(Server.MapPath("~/App_Data/TextFile.txt"));38            Array.Sort(temp, new CaseInsensitiveComparer());39            autoCompleteWordList = temp;40        }4142        int index = Array.BinarySearch(autoCompleteWordList, prefixText, new CaseInsensitiveComparer());43        if (index < 0)44        {45            index = ~index;46        }4748        int matchingCount;49        for (matchingCount = 0; matchingCount < count && index + matchingCount < autoCompleteWordList.Length; matchingCount++)50        {51            if (!autoCompleteWordList[index + matchingCount].StartsWith(prefixText, StringComparison.CurrentCultureIgnoreCase))52            {53                break;54            }55        }56        String[] returnValue = new string[matchingCount];57        if (matchingCount > 0)58        {59            Array.Copy(autoCompleteWordList, index, returnValue, 0, matchingCount);60        }61        return returnValue;62    }6364}

  由於在上面的代碼中使用了File類，所以應該添加如下代碼：

using System.IO;

  因為需要在用戶端調用Web服務，還需要添加如下代碼
  [System.Web.Script.Services.ScriptService]

  儲存Web 服務的代碼

  開啟根目錄下預設產生的Default.aspx
  在頁面中拖拽一個TextBox控制項和一個AutoCompleteExtender控制項。
  在屬性視窗設定AutoCompleteExtender控制項的屬性，如下

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

  在Web服務中的count參數的值是取CompletionSetCount屬性的值。
  儲存設計的頁面，將預設版面設定為起始頁，按F5運行後在文字框中輸入oe,就能看到想要的結果。