.net ajax控件实现百度,谷歌智能搜索

首先创建一个webservice,不懂也没关系,会用就ok。

using System;

usingSystem.Collections;

usingSystem.ComponentModel;

usingSystem.Data;

usingSystem.Linq;

usingSystem.Web;

usingSystem.Web.Services;

usingSystem.Web.Services.Protocols;

usingSystem.Xml.Linq;

usingSystem.Data.SqlClient;

using System.Configuration;//引用

/// <summary>

///KeyFind的摘要说明

///</summary>

[WebService(Namespace="http://tempuri.org/")]

[WebServiceBinding(ConformsTo=WsiProfiles.BasicProfile1_1)]

[ToolboxItem(false)]

//若要允许使用ASP.NETAJAX从脚本中调用此Web服务,请取消对下行的注释。

[System.Web.Script.Services.ScriptService]

publicclassKeyFind:System.Web.Services.WebService

{

publicKeyFind()

{

//如果使用设计的组件,请取消注释以下行

//InitializeComponent();

}

//定义数组保存获取的内容

private string[] autoCompleteWordList = null;

//两个参数“prefixText”表示用户输入的前缀,count表示返回的个数

[WebMethod]

//方法名要与调用次方法的控件重名

publicString[]GetCompleteDepart(stringprefixText,intcount)

{

//检测参数是否为空

if (string.IsNullOrEmpty(prefixText) == true || count <= 0) return null;

// 如果数组为空

if (autoCompleteWordList == null){

//读取数据库的内容

//连接数据库字符串

stringsqlstr="server=192.168.168.57;database=ClothingManage;uid=sa;pwd=1qaz@WSX";

SqlConnectionconn=newSqlConnection(sqlstr);

//连接数据库

conn.Open();

string sql = "select ClothingNo from ClothingManage where ClothingNo like N'%" + prefixText + "%' order by ClothingNo desc";

SqlDataAdapter da = new SqlDataAdapter(sql, conn);

DataSet ds = new DataSet();

da.Fill(ds);

//读取内容文件的数据到临时数组

string[] temp = new string[ds.Tables[0].Rows.Count];

int i = 0;

foreach (DataRow dr in ds.Tables[0].Rows){

temp[i] = dr["ClothingNo"].ToString();

i++;

}

Array.Sort(temp, new CaseInsensitiveComparer());

//将临时数组的内容赋给返回数组

autoCompleteWordList = temp;

if (conn.State == ConnectionState.Open)

conn.Close();

}

//定位二叉树搜索的起点

int index = Array.BinarySearch(autoCompleteWordList, prefixText, new CaseInsensitiveComparer());

if (index < 0){ //修正起点

index = ~index;

}

//搜索符合条件的数据

int matchCount = 0;

for (matchCount = 0; matchCount < count && matchCount + index < autoCompleteWordList.Length; matchCount++){ //查看开头字符串相同的项

//这里为什么屏蔽掉。如果不屏蔽掉就不是完全的智能搜索。比如E0010 如果我输入0,那么就不会显示。如果有屏蔽掉了就会//

//有该数据

//if (autoCompleteWordList[index + matchCount].StartsWith(prefixText, StringComparison.CurrentCultureIgnoreCase) == false)//{

// break;

//}

}

//处理搜索结果

string[] matchResultList = new string[matchCount];

if (matchCount > 0){ //复制搜索结果

Array.Copy(autoCompleteWordList, index, matchResultList, 0, matchCount);

}

return matchResultList;

}

}

--------------------------------------------------------------------------------------------

//AjaxControlToolkit.Binary.NET35.zip 这个是ajax控件集。网上一大片,我就不再重复了。

解压完成之后,然后再引用里面添加就行了。然后再左边添加“选项卡”名字随意。然后打开你刚才的选项卡,在选择“选择项”,然后找到你解压的文件夹。添加dll文件,左边会自动生成控件。 叫AjaxControlToolkit.dll。 对,就是这么简单!

前台:在引用的页面添加此控件,如果是<asp:ScriptManager /> 则会引出版本问题。

再你需要添加文本框的后面添加扩张功能 :选择这个:AutoCompleteExtender

<asp:ToolkitScriptManager id="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager>

<asp:TextBox id="tbClothingNo" runat="server" onblur="onTextBoxBlur()"></asp:TextBox>

<asp:AutoCompleteExtenderid="tbClothingNo_AutoCompleteExtender"runat="server"DelimiterCharacters=";:,"

Enabled="True"ServicePath="~/Web/WebService/KeyFind.asmx"TargetControlid="tbClothingNo"

CompletionSetCount="10" MinimumPrefixLength="1" ServiceMethod="GetCompleteDepart">

ServiceMethod:你调用的webservice方法名

CompletionSetCount 显示条数

DelimiterCharacters=";:," 需要屏蔽的符号

TargetControlID //需要智能搜索控件的ID

ServicePath //路径

MinimumPrefixLength //搜索最小的长度。当大于等于1的时候搜索

webserviece叫啥名字无关。关键是你自己要知道就ok。

就这几点重要的

另外我在网上找了一些代码,都是过时的,没有针对最新版本的。让我相当纠结,所以我在此发布一个vs2008最新版本的。

相关推荐