实现可编辑的下拉框

本文介绍了如何实现一个可编辑的下拉框,该框具备模糊查询功能。由于ASP.NET的ComboBox的AutoCompleteMode属性无法满足过滤需求,作者选择创建一个组合控件,结合ajaxToolkit的AutoCompleteExtender实现。通过CSS调整文本框位置使其覆盖在下拉框上,同时在C#端编写DDL_filter_type_SelectedIndexChanged和myTextBox_TextChanged事件,确保两个控件与数据库记录同步。
摘要由CSDN通过智能技术生成

最近在做的一个小task,网页端下拉框中绑定数据库的字段信息,需要实现下拉框可编辑,并且实现模糊查询的功能。

首先考虑了combobox,combobox虽然是下拉框和文本框的组合框,也包含了自动匹配的属性 AutoCompleteMode,但是我想要的是含有过滤功能的模糊查询, AutoCompleteMode属性貌似做不到过滤。所以自己写了控件,下拉框与文本框的组合,利用ajaxToolkit的控件AutoCompleteExtender,对文本框输入可实现含过滤功能的模糊查询,这里先不介绍AutoCompleteExtender的使用,主要介绍自己写的可编辑的下拉框的实现。

主要思路:在asp端,利用CSS的style属性调整位置和宽度,使得文本框悬浮在下拉框上,看起来就像一个控件,实则是两个控件。在C#端编写下拉框DDL_filter_type_SelectedIndexChanged事件,和文本框 myTextBox_TextChanged的事件,使得两个控件能够关联,同时指向数据库的同一条记录,下面是代码:

asp端:

  <asp:DropDownList ID="DDL_filter_type" runat="server" Style="width:375px;" AutoPostBack="True"

                       OnSelectedIndexChanged="DDL_filter_type_SelectedIndexChanged" AppendDataBoundItems="true" 

               

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值