ASP.NET AJAX Control Toolkit 新扩展特性:AutoCompleteExtender-阿里云开发者社区

开发者社区> toyohu> 正文

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.gifusing 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

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
10014 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
10880 0
HBase 3.0 可能的新特性
经过了四年的发展历程,HBase 2.0终于发布上线,其增加了很多的新特性,能够更好地适应更多的场景,但是也有一些原本计划的特性并没有随之上线。在未来的HBase 3.0版本中,又有哪些特性能够增加进来呢?本文中,技术大牛将论道HBase 3.0那些可能的新特性。
2657 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13812 0
深度解读 MongoDB 最全面的增强版本 4.4 新特性
随着计算和数据上云的趋势愈发明显,传统数据库“步履蹒跚”,云数据库将是未来。本次直播,阿里云将隆重发布2款全新升级产品——云数据库 MongoDB 4.4 和MongoDB 专属集群版。为您全面解读这两款产品的最新特性,帮助您更好地迁移上云。
13766 0
深度干货 | MongoDB 4.2新特性解读
MongoDB World 2019 上发布新版本 MongoDB 4.2 Beta,包含多项数据库新特性,本文将从技术角度进行深入解读。
1351 0
+关注
toyohu
14年企业级软件及互联网产品研丰富发经验,曾任国内知名软件外包企业高级项目经理、手游公司技术总监。现任深圳前海童育汇电子商务股份有限公司产品研发负责人。
98
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载