利用Ajax Toolkit的AutoComplete实现模糊查询

最新推荐文章于 2022-01-11 11:26:21 发布

qq_25622147

最新推荐文章于 2022-01-11 11:26:21 发布

阅读量470

点赞数

分类专栏： asp.net 文章标签： asp c# ajax 数据库 asp.net

本文链接：https://blog.csdn.net/qq_25622147/article/details/53081591

版权

本文介绍如何利用Ajax Toolkit的AutoComplete控件实现数据库字段的模糊查询。通过设置AutoCompleteExtender控件与文本框的绑定，以及创建web服务返回查询数据，达到在asp.net中输入时实时搜索的效果。

摘要由CSDN通过智能技术生成

Ajax Toolkit的AutoComplete控件的具体应用，网上有很多教程，我觉得比较好的一篇总结，一共分为三种情况进行讲述，另外博主还提供了源码：http://www.360doc.com/content/13/1017/09/13518188_322039406.shtml。我采用了第二种情况：模糊查询数据库的某个字段的内容，在上一篇博客中我介绍了自己写的自定义控件：实现可编辑的下拉框，下拉框在asp端利用DataSourceID="SqlDataSource_type"绑定数据库字段，文本框利用AutoComplete控件绑定相同的字段实现了下拉框可输入模糊查询的效果。

（1）设置AutoCompleteExtender控件宿主文本框为上一篇的文本框

（2）定义一个AutoCompleteExtender, ：

            <ajaxToolkit:AutoCompleteExtender
                runat="server" 
                BehaviorID="AutoCompleteEx"
                ID="autoComplete1" 
                TargetControlID="myTextBox"
                ServicePath="../admin/AutoComplete.asmx" 
                ServiceMethod="GetTypeList"
                MinimumPrefixLength="1" 
                CompletionInterval="1000"
                EnableCaching="true"
                CompletionSetCount="20"
                CompletionListItemCssClass="autocomplete_listItem" 
                CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem"
            
              >
                 </ajaxToolkit:AutoCompleteExtender>

（3）具体代码：引入Ajax Toolkit的AutoComplete控件 asp端：