ASP.NET Ajax中AutoComplete控件的使用
簡介
AutoComplete控件就是在用戶在文本框輸入前幾個字母或是漢字的時候,該控件就能從存放數(shù)據(jù)的文或是數(shù)據(jù)庫里將所有以這些字母開頭的數(shù)據(jù)提示給用戶,供用戶選擇,提供方便。
重要屬性
1.TargetControlID:指定要實現(xiàn)提示功能的控件；
2.ServicePath:WebService的路徑，提取數(shù)據(jù)的方法是寫在一個WebService中的；
3.ServeiceMethod:寫在WebService中的用于提取數(shù)據(jù)的方法的名字；
4.MinimumPrefixLength:用來設置用戶輸入多少字母才出現(xiàn)提示效果；
5.CompletionSetCount:設置提示數(shù)據(jù)的行數(shù)；
6.CompletionInterval:從服務器獲取書的時間間隔，單位是毫秒。
示例
打開vs2005創(chuàng)建一個AjaxControlToolKit網(wǎng)站。
在網(wǎng)站的App_Data文件夾下添加文本文件TextFile.txt,并在其中添加數(shù)據(jù)，如下：
在網(wǎng)站的根目錄下添加一個Web服務，命名為oec2003_AutoComplete，系統(tǒng)自動將Web服務兩個部分，設計部分oec2003_AutoComplete.asmx和代碼部分oec2003_AutoComplete.cs，其中oec2003_AutoComplete.cs文件自動放入到App_Code目錄下。打開oec2003_AutoComplete.cs文件，添加獲取數(shù)據(jù)的方法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＞/// 獲取數(shù)據(jù)的方法GetCompleteList /// ＜summary＞ //定義靜態(tài)數(shù)組用于保存獲取的數(shù)據(jù) 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; |
因為需要在客戶端調(diào)用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參數(shù)的值是取CompletionSetCount屬性的值。
保存設計的頁面，將默認頁面設置為起始頁，按F5運行后在文本框中輸入oe,就能看到想要的結果。
【編輯推薦】
