ajaxControlToolkit AutoCompleteExtender的用法_javascript技巧-js教程-PHP中文网

ajaxControlToolkit AutoCompleteExtender的用法_javascript技巧

php中文网

发布： 2016-05-16 18:59:18

原创

1205人浏览过

AutoCompleteExtender 自动完成扩展, 配合TextBox使用功能类似现在google中输入搜索字,则在TextBox下出来下拉框显示搜索目标中的项目
这个扩展控件需要配合Web Service使用,所以涉及了点web Service的使用(这里只简单谈下,等用熟了再仔细谈下web service的内容)
先介绍下AutoCompleteExtender的几个关键属性：
a,TargetControlID 这个属性是所有AjaxControlToolkit的共同属性,就是扩展目标控件ID(官方这么说的吧)
b.CompletionSetCount 这个属性是设置显示下拉结果的条数默认为10吧
c.MinimumPrefixTextLength 这个属性是设置输入几个字符的长度后调用webService中的方法显示下拉列表
d.ServicePath 这个属性设置需要调用的web Service路径
e.ServiceMethod 这个属性设置需要调用的web Service中的方法(函数)
f.EnableCaching：是否在客户端缓存数据,默认为true
g.CompletionInterval：从服务器读取数据的时间间隔,默认为1000,单位：毫秒
注：如果习惯用可视控件设置属性,则a属性在AutoCompleteExtender中设置,其他属性则设置了TargetControlId后,在相应的TargetControl中会多出来个Extenders属性中设置,如果习惯手写代码,则在AutoCompleteExtender代码属性中设置。
例子: 1.新建一个页面,加入ScriptManager控件一个TextBox控件一个AutoCompleteExtender控件
2.新建立一个webService,添加一个[WebMethod]方法
[WebMethod]

Freeway

Freeway 是一个功能丰富的开源电子商务平台,它提供的不仅仅是买卖商品而是扩展到以一些奇特的方式来销售商品.这些都很容易配置.例如:你可以决定是否采用其提供的一些技巧来销售商品,或只用普通的方法来销售.另外你将会发现 Freeway有着丰富的CRM 特点和易于使用且简单的CMS特点.

查看详情

复制代码代码如下:

public string[] GetString(string prefixText, int count){ 
System.Collections.Generic.List list = new System.Collections.Generic.List(count); 
System.Data.DataSet ds = new System.Data.DataSet(); 
//这里是我在数据库中取数据的代码 其中SqlHelper类是项目中的取数据基类 
//string strSql = string.Format("SELECT TOP {0} NAME FROM CengWei WHERE NAME LIKE '{1}%' ORDER BY NAME",count,prefixText); 
//ds = SqlHelper.Query(strSql); 
//for (int i = 0; i //{ 
// list.Add(ds.Tables[0].Rows[i][0].ToString()); 
//} 
for (int i = 0; i { 
list.Add(prefixText+i.ToString()); 
} 
return list.ToArray(); 
}

其中：必须在webService的类上面添加
[System.Web.Script.Services.ScriptService]
示例代码：webService是在数据库中的一个字段中取数据
页面代码：

复制代码代码如下:

Namespace="CrystalDecisions.Web" TagPrefix="CR" %> 




DropDownExtender简单练习

rel="stylesheet" type="text/css" /> 



 




ServiceMethod="GetString" ServicePath="AutoComplete.asmx" TargetControlID="TextBox2"> 






webService代码： 
using System; 
using System.Web; 
using System.Collections; 
using System.Web.Services; 
using System.Web.Services.Protocols; 
/// 
/// AutoComplete 的摘要说明 
/// 
[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"; 
} 
[WebMethod] 
public string[] GetString(string prefixText, int count){ 
System.Collections.Generic.List list = new System.Collections.Generic.List(count); 
System.Data.DataSet ds = new System.Data.DataSet(); 
//这里是我在数据库中取数据的代码 其中SqlHelper类是项目中的取数据基类 
//string strSql = string.Format("SELECT TOP {0} NAME FROM CengWei WHERE NAME LIKE '{1}%' ORDER BY NAME",count,prefixText); 
//ds = SqlHelper.Query(strSql); 
//for (int i = 0; i //{ 
// list.Add(ds.Tables[0].Rows[i][0].ToString()); 
//} 
for (int i = 0; i { 
list.Add(prefixText+i.ToString()); 
} 
return list.ToArray(); 
} 
} 
有哪里不对的地方还请大家指教 