首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >web ui:如何显示多选的大列表

web ui:如何显示多选的大列表
EN

Stack Overflow用户
提问于 2008-12-12 17:41:38
回答 5查看 12.8K关注 0票数 9

我正在寻找任何人可能见过的任何例子,如何有效地呈现项目列表(总共约1500个),以便可以选择多个项目。

我见过几个类似的问题,答案建议使用自动补全,它可以选择单个项目,但不允许用户选择多个项目。

任何建议,或者特别是指向可能有潜在解决方案的web应用程序的指针,都将不胜感激!

EN

回答 5

Stack Overflow用户

发布于 2008-12-12 17:52:21

我在想一些类似谷歌如何用Gmail做到这一点的事情。

首先,您可以在用户可以单独选择的每个项目旁边放置复选框。然后放置一个筛选器/搜索框,可以选择/取消选择所有匹配(添加到选择中/从选择中减去)。您还可以在textbox上实现自动完成。

其他过滤选项(按标签、按日期等)也很适合这种方法。这取决于你想要列出的是什么类型的物品。

如果项目之间有一些共同的分组,您还可以将列表排列在一组子列表中。仍然使用复选框,但您可以将列表框排列在一起(当用户选择要查看的父节点时,在右侧的下一个框中填充子节点)。或者一个简单的树视图也可以。

票数 3
EN

Stack Overflow用户

发布于 2016-08-10 03:49:41

自从这篇文章发布以来已经有一段时间了,但在此期间,一些非常好的多选"tag input“或"pillbox”样式选项已经出现:

https://harvesthq.github.io/chosen/

对于许多情况来说,这是一个很棒的解决方案--试试吧!

票数 3
EN

Stack Overflow用户

发布于 2008-12-12 17:44:52

我想不出我使用的任何可用的 web应用程序,它向我展示了1500种我必须选择的东西。

我的建议是以某种方式将列表分解(例如,作为一系列较小的选项,然后您可以允许多个选项)。你问的问题听起来像是可用性的噩梦。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/363565

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档