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

简介: 一直期待ATLAS能够提供AutoComplete的扩展特性,终于不负众望,在最新版的ASP.NET AJAX Control Toolkit 已经包含了这个特性:AutoCompleteExtender。

一直期待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方法
 

img_a6339ee3e57d1d52bc7d02b338e15a60.gif using  System;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Web;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Collections;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Web.Services;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Web.Services.Protocols;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Collections.Generic;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Collections;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif
/**/ /// <summary>
img_33d02437d135341f0800e3d415312ae8.gif
/// StockCode 的摘要说明
img_05dd8d549cff04457a6366b0a7c9352a.gif
/// </summary>

img_a6339ee3e57d1d52bc7d02b338e15a60.gif [WebService(Namespace  =   " http://tempuri.org/ " )]
img_a6339ee3e57d1d52bc7d02b338e15a60.gif[WebServiceBinding(ConformsTo 
=  WsiProfiles.BasicProfile1_1)]
img_a6339ee3e57d1d52bc7d02b338e15a60.gif[System.Web.Script.Services.ScriptService]
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif
public   class  StockCode : System.Web.Services.WebService  img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif {
img_33d02437d135341f0800e3d415312ae8.gif
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif    
public StockCode () img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif
img_33d02437d135341f0800e3d415312ae8.gif        
//如果使用设计的组件,请取消注释以下行 
img_33d02437d135341f0800e3d415312ae8.gif        
//InitializeComponent(); 
img_105a1e124122b2abcee4ea8e9f5108f3.gif
    }

img_33d02437d135341f0800e3d415312ae8.gif
img_33d02437d135341f0800e3d415312ae8.gif    [WebMethod]
img_33d02437d135341f0800e3d415312ae8.gif    
public string[] GetStockList(string prefixText, int count)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif    
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif        
if (count == 0)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif            count 
= 10;
img_105a1e124122b2abcee4ea8e9f5108f3.gif        }

img_33d02437d135341f0800e3d415312ae8.gif
img_33d02437d135341f0800e3d415312ae8.gif        Random random 
= new Random();
img_33d02437d135341f0800e3d415312ae8.gif        List
<string> items = new List<string>(count);
img_33d02437d135341f0800e3d415312ae8.gif
img_33d02437d135341f0800e3d415312ae8.gif        
for (int i = 0; i < stockID.Length; i++)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif            
if (   
img_33d02437d135341f0800e3d415312ae8.gif                     (stockID[i].IndexOf(prefixText) 
>= 0
img_33d02437d135341f0800e3d415312ae8.gif                  
|| (stockName[i].IndexOf(prefixText) >= 0)
img_33d02437d135341f0800e3d415312ae8.gif                  
|| (stockPY[i].ToUpper().IndexOf(prefixText.ToUpper()) >= 0)
img_33d02437d135341f0800e3d415312ae8.gif                )
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif            
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif                items.Add(stockID[i] 
+ ":" + stockName[i]);
img_105a1e124122b2abcee4ea8e9f5108f3.gif            }

img_105a1e124122b2abcee4ea8e9f5108f3.gif        }

img_33d02437d135341f0800e3d415312ae8.gif
img_33d02437d135341f0800e3d415312ae8.gif        
return items.ToArray();
img_105a1e124122b2abcee4ea8e9f5108f3.gif    }

img_33d02437d135341f0800e3d415312ae8.gif
img_33d02437d135341f0800e3d415312ae8.gif    
//股票代码
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif
    string[] stockID = img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif"610001""610002""611003""611004" };
img_33d02437d135341f0800e3d415312ae8.gif    
//股票拼音简称
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif
    string[] stockPY = img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif"xg""ng""xj""xc" };
img_33d02437d135341f0800e3d415312ae8.gif    
//股票名称
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif
    string[] stockName = img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif"西瓜""南瓜""香蕉""香肠" };
img_33d02437d135341f0800e3d415312ae8.gif    
img_05dd8d549cff04457a6366b0a7c9352a.gif}

img_a6339ee3e57d1d52bc7d02b338e15a60.gif
img_a6339ee3e57d1d52bc7d02b338e15a60.gif

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

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

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

 

目录
相关文章
|
5月前
|
开发框架 前端开发 .NET
用ajax和asp.net实现智能搜索功能
用ajax和asp.net实现智能搜索功能
43 0
|
10月前
|
开发框架 前端开发 JavaScript
【Asp.net】 Ajax小例子
【Asp.net】 Ajax小例子
68 0
|
12月前
|
开发框架 前端开发 JavaScript
ASP.Net Core中使用jquery-ajax-unobtrusive替换Ajax.BeginForm
ASP.Net Core中使用jquery-ajax-unobtrusive替换Ajax.BeginForm
154 0
|
开发框架 移动开发 前端开发
ASP.NET MVC中使用jQuery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径
ASP.NET MVC中使用jQuery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径
248 0
|
3月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
40 0
|
1月前
|
开发框架 前端开发 .NET
C# .NET面试系列六:ASP.NET MVC
<h2>ASP.NET MVC #### 1. MVC 中的 TempData\ViewBag\ViewData 区别? 在ASP.NET MVC中,TempData、ViewBag 和 ViewData 都是用于在控制器和视图之间传递数据的机制,但它们有一些区别。 <b>TempData:</b> 1、生命周期 ```c# TempData 的生命周期是短暂的,数据只在当前请求和下一次请求之间有效。一旦数据被读取,它就会被标记为已读,下一次请求时就会被清除。 ``` 2、用途 ```c# 主要用于在两个动作之间传递数据,例如在一个动作中设置 TempData,然后在重定向到另
95 5
|
8月前
|
存储 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(五)
经过一段时间的准备,新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始,在之前的文章中,讲解了商城系统的整体功能设计,页面布局设计,环境搭建,系统配置,及首页【商品类型,banner条,友情链接,降价促销,新品爆款】,商品列表页面,商品详情等功能的开发,今天继续讲解购物车功能开发,仅供学习分享使用,如有不足之处,还请指正。
114 0
|
9月前
|
开发框架 前端开发 .NET
[回馈]ASP.NET Core MVC开发实战之商城系统(三)
[回馈]ASP.NET Core MVC开发实战之商城系统(三)
67 0
|
9月前
|
开发框架 前端开发 .NET
[回馈]ASP.NET Core MVC开发实战之商城系统(一)
[回馈]ASP.NET Core MVC开发实战之商城系统(一)
113 0
|
9月前
|
SQL 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(开篇)
[回馈]ASP.NET Core MVC开发实战之商城系统(开篇)
144 0