javascript - 让用户在巨大的可搜索列表中选择数据的常见方法

标签 javascript html list user-interface

我想让我的用户从我网页上的列表中选择某些数据。

我现在是这样做的:

Screenshot

但我认为它看起来很困惑和令人困惑(我的主管也是这么告诉我的)。

我希望条目可搜索,但不必像现在那么复杂(搜索每一列),并且它们不需要可排序。

我也不需要为选定的和可用的项目提供单独的列表。

考虑到这些条件,是否有一种常见/好的方法可以让用户在包含大量条目的可搜索列表中选择数据?

编辑:看来我的问题在改写版本中不精确:

是否有更容易理解的方式向用户呈现数据。所以我要求为这个用例提供通用的 UI 模式。

最佳答案

有很多设计可以从这里获取想法:http://ui-patterns.com/explore/collections/lists

我建议只使用 1 个搜索框来搜索所有字段,然后您甚至可以隐藏不太重要的字段,直到您搜索完 - display:none; - 这样数据仍然存在,并且可搜索但不能立即可见。

最好的办法是弄清楚什么是必须展示的,什么是非必要的,然后从那里开始工作。

关于javascript - 让用户在巨大的可搜索列表中选择数据的常见方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16899407/

相关文章:

javascript - 如果 URL 是(值),则使用 css 类

java - Mockito When().thenReturn 返回一个迭代器

python - 如何读取数字文本文件并将其转换为 40x40 列表?

javascript - 有没有办法在显示之前获取最初具有 display=none 的动态插入/创建的 div 的高度?

javascript - 使用 jQuery 重新加载对象并间隔触发函数

javascript - 如何从另一个函数获取变量?

list - F#中列表的所有选择-更优雅,更简单

c# - 指定用户在文本框中输入数据的方式

javascript - 如果 jQuery 表单有效显示隐藏的 div

javascript - 网页调整缩放显示