控件的联想功能

来源：互联网发布：linux 访问http命令编辑：程序博客网时间：2024/04/30 03:08

当用户在TextBox输入开始单词时,后面会列出很多联想的词出来按照下面步骤:

1)放入一个ID为TxtPOR的textbox

2)拉入一个AjaxControlToolkit.AntoCompleteExtender控件,并在TargetControlID添"TxtPOR"

<cc1:AutoCompleteExtender ID="AutoCompletePOR" runat="server" CompletionInterval="100" CompletionSetCount="10" EnableCaching="true" MinimumPrefixLength="1" ServiceMethod="GetPortInfo" ServicePath="../../MasterData/PortInfo.asmx" TargetControlID="TxtPOR"> </cc1:AutoCompleteExtender>

3)在MasterData目录下创建PortInfo.asmx

<%@ WebService Language="C#" CodeBehind="~/App_Code/PortService.cs" Class=" STS.Web.MasterData.PortService" %>

4)在App_Code定义 PortService 并定义GetPortInfo函数

namespace STS.Web.MasterData ...{ namespace STS.Web.MasterData ...{ using ...STS.Model; using STS.BLL; using STS.DataUtility; using STS.Web.Common; /**//// <summary> /// PortInfo 的摘要说明 /// </summary> [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [System.Web.Script.Services.ScriptService] public class PortService : System.Web.Services.WebService ...{ public PortService() ...{ //如果使用设计的组件，请取消注释以下行 //InitializeComponent(); } [WebMethod] public string[] GetPortInfo(string prefixText, int count) ...{ PortInfo port = new PortInfo(); PortData dsPort = port.GetPorts(); string prefix = "'" + prefixText + "%'"; DataView dvResults = new DataView(dsPort.Tables[0]); dvResults.RowFilter = "Port_Code like " + prefix; dvResults.Sort = "Port_Code"; DataTable dtResults = dvResults.ToTable(); List<string> list = ConvertDataTable(dtResults, count); if (list != null) return list.ToArray(); else return null; } public static List<string> ConvertDataTable(DataTable table, int maxRecord) ...{ List<string> list = null; if (maxRecord > 0) list = new List<string>(maxRecord); else list = new List<string>(); if (table != null) ...{ int i = 0; foreach (DataRow row in table.Rows) ...{ if (maxRecord == 0) list.Add(row[0].ToString()); else if (i < maxRecord) list.Add(row[0].ToString()); else break; i++; } } return list; } } }

好了,这样应该就行了!其实还是通过客户端的方法去调用服务器中的WebService方法,实现无刷新页面更新.