asp.net可搜索下拉框,支持中文

这篇博客介绍了如何在ASP.NET中创建一个带有搜索功能的下拉框。通过引入jQuery和EasyUI库,设置CSS类,以及编写JavaScript代码来监听onChange事件,实现了下拉框的搜索功能。当选择项改变时,利用__doPostBack函数进行回发。如果将此控件置于UpdatePanel内,由于UpdatePanel的局部刷新,下拉框样式会丢失,解决办法是在后台事件中动态插入JavaScript代码以执行初始化样式。
摘要由CSDN通过智能技术生成
在Web应用开发中经常碰到这样的情况,Dropdownlist绑定的数据太多,用户要选择某一项必须从头找到尾,使用起来很不方便。最近我在工作中就碰到这种情况,公司内某个业务系统需要绑定几百条的厂家信息,用户强烈要求带搜索功能。其实要实现这个功能本身并不难,实现方式也可以有多种,就看哪种方式更优雅了。最简单的方法莫过于在下拉框旁边弄个文本框,再加个按钮啥的,让用户输入选项名称,点击搜索就OK了。但这样的界面也太寒酸了,用户体验不好。最好能有个类似Winform里的Combobox那样的控件,既支持下拉,也可以手动输入。但遗憾的是,asp.net自带的服务器控件没有带这种功能的,HTML控件也没有。咋办呢?其实,Web程序应用了这么多年,肯定有很多开发人员碰到这样的需求,解决方案也不是没有。比如,熟悉MS工具的朋友就知道,ASP.Net AJAX Control Tookit里面就有个ComboBox控件,可以实现下拉框搜索功能。但是,在使用中文的时候有点小麻烦,输入中文搜索时必须频繁切换输入法,用起来挺尴尬的。
其实,还有个比较有名的js界面框架:jQueryEasyUI。这套框架是基于jQuery的,有丰富的界面控件,其中就有个combobox。经过使用发现,它对中文的支持很不错!不过,这些都是HTML控件,想让它跟asp.net服务器控件结合还需要做点工作。直接给出步骤吧:
  1. 在aspx页面内引入相关的js文件和CSS文件。文件具体路径可能有所不同,但要注意js文件引用的先后顺序。
    <script src="../Scripts/jquery-1.4.1.min.j
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值