ASP.NET Ajax中AutoComplete控件的使用
簡(jiǎn)介
AutoComplete控件就是在用戶在文本框輸入前幾個(gè)字母或是漢字的時(shí)候,該控件就能從存放數(shù)據(jù)的文或是數(shù)據(jù)庫(kù)里將所有以這些字母開頭的數(shù)據(jù)提示給用戶,供用戶選擇,提供方便。
重要屬性
1.TargetControlID:指定要實(shí)現(xiàn)提示功能的控件；
2.ServicePath:WebService的路徑，提取數(shù)據(jù)的方法是寫在一個(gè)WebService中的；
3.ServeiceMethod:寫在WebService中的用于提取數(shù)據(jù)的方法的名字；
4.MinimumPrefixLength:用來(lái)設(shè)置用戶輸入多少字母才出現(xiàn)提示效果；
5.CompletionSetCount:設(shè)置提示數(shù)據(jù)的行數(shù)；
6.CompletionInterval:從服務(wù)器獲取書的時(shí)間間隔，單位是毫秒。
示例
打開vs2005創(chuàng)建一個(gè)AjaxControlToolKit網(wǎng)站。
在網(wǎng)站的App_Data文件夾下添加文本文件TextFile.txt,并在其中添加數(shù)據(jù)，如下：
在網(wǎng)站的根目錄下添加一個(gè)Web服務(wù)，命名為oec2003_AutoComplete，系統(tǒng)自動(dòng)將Web服務(wù)兩個(gè)部分，設(shè)計(jì)部分oec2003_AutoComplete.asmx和代碼部分oec2003_AutoComplete.cs，其中oec2003_AutoComplete.cs文件自動(dòng)放入到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 的摘要說(shuō)明 /// ＜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 () { //如果使用設(shè)計(jì)的組件，請(qǐng)取消注釋以下行 //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類，所以應(yīng)該添加如下代碼：
using System.IO; |
因?yàn)樾枰诳蛻舳苏{(diào)用Web服務(wù)，還需要添加如下代碼：
[System.Web.Script.Services.ScriptService] |
保存Web 服務(wù)的代碼
打開根目錄下默認(rèn)生成的Default.aspx
在頁(yè)面中拖拽一個(gè)TextBox控件和一個(gè)AutoCompleteExtender控件。
在屬性窗口設(shè)置AutoCompleteExtender控件的屬性，如下
＜ajaxToolkit:AutoCompleteExtender
ID="AutoCompleteExtender1"
runat="server"
ServiceMethod="GetCompleteList"
ServicePath="oec2003_AutoComplete.asmx"
Enabled="true"
MinimumPrefixLength="2"
CompletionSetCount="10"
TargetControlID="TextBox1"＞
＜/ajaxToolkit:AutoCompleteExtender＞
|
在Web服務(wù)中的count參數(shù)的值是取CompletionSetCount屬性的值。
保存設(shè)計(jì)的頁(yè)面，將默認(rèn)頁(yè)面設(shè)置為起始頁(yè)，按F5運(yùn)行后在文本框中輸入oe,就能看到想要的結(jié)果。
【編輯推薦】
