带搜索功能的下拉列表如何实现，求高手帮助

2019-01-17 09:29:52 837 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

lesliemei 墨衍会员 · AI 创作全网分发关注 + 加入社区

实现fastadmin搜索栏中动态下拉列表搜索功能实现fastadmin搜索栏中动态下拉列表搜索功能使用fastadmin自动生成的后台，搜索栏中含有分类搜索项时，默认显示的是文本框搜索，我们想要实现动态下拉列表搜索。阅读详情

采用.net MVC做开发，数据过多的情况，下拉列表用户体验不好，如何实现带搜索功能的下拉列表，如图所示

...全文

PyQt5：带搜索功能的Qcombobox 下面介绍本人最喜欢的一个QCombobox类型——带搜索功能的下拉框QCombobox：ExtendedCombobox 废话不多说，直接上效果图GIF，如下：功能总结：（1）可以看到，该Qcombobox有编辑功能，在输入一些字符后，Qcombobox会弹出含有这些字符和列表，按回车后默认选择是下拉列表中的第一个。（2）同时，该搜索功能可以支持输入子项中非首字母的部分，然后弹出含有该字符的所有列表项，如列表有【jj,jk,kk,kl】... 阅读详情

lesliemei

.NET社区 62,272 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

以专业开发人员为伍 2019-01-17

打赏
举报

总的来说，对于稍微复杂一点的 web 应用程序，一个前端开发人员跟asp.net开发人员相比，开发效率至少高20倍以上！

以专业开发人员为伍 2019-01-17

打赏
举报

对于 MVVM 模式编程来说，“键盘谈起的事件中获取输入框的内容”其实就是声明 VM 绑定的模式不是输入焦点移开时、而是 AfterKeydown 立刻改变 VM数据。同时实际上要设置为 VM 中抛出数据改变的通知能延时300毫秒。这样即使连续快速地 keydown 也不会产生无谓地多余的后台访问请求。绑定 VM 模型的数据改变事件，访问后台请求访问，只需要将将结果放到进程本地的一个集合里就行了。因为 MVVM 模式肯定是将这个集合与下来框内容列表绑定起来的，数据改变了那么界面自然就会改变。所以这类编程，对于一个纯前端开发人员来说，从完全没有下拉输入框的概念开始到写完最终程序，只需要1-2分钟（不含后台服务开发时间）。完全不用任何现成的什么插件，就用自然地最基本的 html element、样式就可以。或者用 bootstrap 最基本的下拉框组件，而不需要别的基于 bootstrap 的插件。

lesliemei 2019-01-17

打赏
举报

引用 1 楼 EdsionWang 的回复:

bootstrap-select https://developer.snapappointments.com/bootstrap-select/examples/#live-search_1

该链接只有一个案例有效果图，后面我式了下，没有发现带搜索框的，估计哪里没整对！

lesliemei 2019-01-17

打赏
举报

引用 2 楼丰云的回复:

常规效果，键盘弹起的事件中，获取输入框的内容，作为参数用ajax传递给后台相对应的action，查询出匹配的结果返回，在返回方法里刷新下了列表并显示出来。如果下拉列表备选数据量小，可以一开始就全部拿到js里存储起来，这样就不用每次都ajax访问，直接在js数组里过滤结果再刷新下拉列表。

能否提供具体代码？？

丰云 2019-01-17

打赏
举报

常规效果，键盘弹起的事件中，获取输入框的内容，作为参数用ajax传递给后台相对应的action，查询出匹配的结果返回，在返回方法里刷新下了列表并显示出来。如果下拉列表备选数据量小，可以一开始就全部拿到js里存储起来，这样就不用每次都ajax访问，直接在js数组里过滤结果再刷新下拉列表。

EdsionWang 2019-01-17

打赏
举报

bootstrap-select https://developer.snapappointments.com/bootstrap-select/examples/#live-search_1

EdsionWang 2019-01-17

打赏
举报

引用 4 楼 lesliemei 的回复:

[quote=引用 1 楼 EdsionWang 的回复:] bootstrap-select https://developer.snapappointments.com/bootstrap-select/examples/#live-search_1

该链接只有一个案例有效果图，后面我式了下，没有发现带搜索框的，估计哪里没整对！[/quote] 需要引用.css和.js文件的

带搜索功能的下拉列表 如何实现，求高手帮助

相关推荐

带搜索功能的下拉列表如何实现，求高手帮助