日期:2014-05-16 浏览次数:21092 次
最近在做基础系统的时候,我们在经过考虑,商量需求后,希望系统能实现功能的同时,还要给用户一种界面友好的感受。综合用户的使用习惯,希望在使用的下拉框中不仅能够显示从数据库中查询返回的信息,同时,还能够往里面输入值,根据这个输入的值在下拉框中自动匹配。现在就来说说我的思考过程和实现的过程吧。。。。。
基础系统的界面使用的都是ASP的控件,为了界面的统一,也用ASP控件。
在ASP控件中,DropDwonList下拉控件只能从里面选择,不能往里面输入,所以直接用DropDwonList是不可行的。
将DropDownList和TextBox结合,由CSS来控制它们的显示隐藏
优点:能够实现下拉框既能够输入也能够选择,
缺点:输入值后自动匹配功能不能实现。
分析原因:自动匹配可以用模糊查询来代替,但是用什么事件来触发这个模糊查询呢?如果说是用TextBox值改变的时候,那么你的界面就一点都不友好了,TextBox值改变,需要TextBox失去焦点,总不能我输入后再点一下界面的空白处吧?!更何况,即使这样可行,你查询到的值返回给DropDownList后,DropDownList下拉框不能展开,所以说也就不能直观的看到查询到的值,达不到想要的效果。
所以这也就只能实现部分功能,这样还是不可行。
将DropDownList和TextBox结合,由CSS来控制它们的显示隐藏,然后用JS来实现匹配。
分析:这个方法虽然说也能够实现前半部分,用JS,需要用某一个事件来调用JS写的函数,这又回到上面那个问题了,用一个什么函数来触发这个事件的问题。keydown?enter?不行的,对于ASP的控件来说,没有这些方法。
所以说这个也被我否定了。