ASP.NET AJAX Control Toolkit 新扩展特性:AutoCompleteExtender

本文介绍如何在ASP.NET中使用AJAX Control Toolkit的AutoCompleteExtender控件实现自动补全功能。通过一个股票代码查询示例,详细展示了从添加TextBox到配置AutoCompleteExtender的过程,以及如何编写Webservice来返回查询结果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一直期待ATLAS能够提供AutoComplete的扩展特性,终于不负众望,在最新版的ASP.NET AJAX Control Toolkit 已经包含了这个特性:AutoCompleteExtender。使用起来是很简单的。
以下举个股票代码查询的例子,输入部分代码、拼音缩写或者汉字,便能得到全部的提示。

1 添加一个TextBox
<asp:TextBox runat="server" ID="txtStockKeyName" Width="300" autocomplete="off" />

2 添加AutoCompleteExtender,并设置参数
<cc1:AutoCompleteExtender
                runat="server"
                ID="autoComplete1"
                TargetControlID="txtStockKeyName"
                ServicePath="StockCode.asmx"
                ServiceMethod="GetStockList"
                MinimumPrefixLength="1"
                CompletionInterval="1000"
                EnableCaching="true"
                CompletionSetCount="12"
                 />


参数说明:
TargetControlID : 输入查询关键字的文本框
ServicePath         :   对应后台的Webservice的地址
ServiceMethod   :  对应后台的Webservice的方法名
MinimumPrefixLength :查询关键字长度产生自动完成的最短长度
CompletionInterval :查询结果显示间隔时间(毫秒)
EnableCaching    : 启用Cache
CompletionSetCount :显示查询结果的条数

3 根据查询关键字返回查询结果的Webservice方法
 

None.gif using  System;
None.gif
using  System.Web;
None.gif
using  System.Collections;
None.gif
using  System.Web.Services;
None.gif
using  System.Web.Services.Protocols;
None.gif
using  System.Collections.Generic;
None.gif
using  System.Collections;
None.gif
ExpandedBlockStart.gifContractedBlock.gif
/**/ /// <summary>
InBlock.gif
/// StockCode 的摘要说明
ExpandedBlockEnd.gif
/// </summary>

None.gif [WebService(Namespace  =   " http://tempuri.org/ " )]
None.gif[WebServiceBinding(ConformsTo 
=  WsiProfiles.BasicProfile1_1)]
None.gif[System.Web.Script.Services.ScriptService]
ExpandedBlockStart.gifContractedBlock.gif
public   class  StockCode : System.Web.Services.WebService  dot.gif {
InBlock.gif
ExpandedSubBlockStart.gifContractedSubBlock.gif    
public StockCode () dot.gif{
InBlock.gif
InBlock.gif        
//如果使用设计的组件,请取消注释以下行 
InBlock.gif        
//InitializeComponent(); 
ExpandedSubBlockEnd.gif
    }

InBlock.gif
InBlock.gif    [WebMethod]
InBlock.gif    
public string[] GetStockList(string prefixText, int count)
ExpandedSubBlockStart.gifContractedSubBlock.gif    
dot.gif{
InBlock.gif        
if (count == 0)
ExpandedSubBlockStart.gifContractedSubBlock.gif        
dot.gif{
InBlock.gif            count 
= 10;
ExpandedSubBlockEnd.gif        }

InBlock.gif
InBlock.gif        Random random 
= new Random();
InBlock.gif        List
<string> items = new List<string>(count);
InBlock.gif
InBlock.gif        
for (int i = 0; i < stockID.Length; i++)
ExpandedSubBlockStart.gifContractedSubBlock.gif        
dot.gif{
InBlock.gif            
if (   
InBlock.gif                     (stockID[i].IndexOf(prefixText) 
>= 0
InBlock.gif                  
|| (stockName[i].IndexOf(prefixText) >= 0)
InBlock.gif                  
|| (stockPY[i].ToUpper().IndexOf(prefixText.ToUpper()) >= 0)
InBlock.gif                )
ExpandedSubBlockStart.gifContractedSubBlock.gif            
dot.gif{
InBlock.gif                items.Add(stockID[i] 
+ ":" + stockName[i]);
ExpandedSubBlockEnd.gif            }

ExpandedSubBlockEnd.gif        }

InBlock.gif
InBlock.gif        
return items.ToArray();
ExpandedSubBlockEnd.gif    }

InBlock.gif
InBlock.gif    
//股票代码
ExpandedSubBlockStart.gifContractedSubBlock.gif
    string[] stockID = dot.gif"610001""610002""611003""611004" };
InBlock.gif    
//股票拼音简称
ExpandedSubBlockStart.gifContractedSubBlock.gif
    string[] stockPY = dot.gif"xg""ng""xj""xc" };
InBlock.gif    
//股票名称
ExpandedSubBlockStart.gifContractedSubBlock.gif
    string[] stockName = dot.gif"西瓜""南瓜""香蕉""香肠" };
InBlock.gif    
ExpandedBlockEnd.gif}

None.gif
None.gif

效果图:
s1.JPG
s2.JPG
s3.JPG

示例代码:
/Files/heekui/StockID.rar

运行环境:
VS2005 + ASP.NET AJAX V 1.0 + ASP.NET AJAX Control Toolkit

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值