it-swarm.cn

从长清单中选择一堆物品的双清单替代品?

从长清单而不是双清单中选择一堆物品,有哪些替代方法和示例?

这个问题在传统的双重列表中有一些不错的增强,但是我在寻找其他要考虑的问题。

在长列表中选择项目子集的最佳方法

16
Sam

考虑将多选与标记设计一起使用。 “按需过滤”功能不错,但不是必需的。当常见用例选择一个或几个时,这些方法效果很好,但是如果您需要选择多个选项,则可用性会迅速下降,因为用户必须为每个项目重新调用菜单。

Multi-select with tokens, via harvesthq.github.com/chosen

您之前已经在电子邮件客户端中看到了标记化的多输入法。 multi-select-tokens in email

如果常见的情况是选择多个,则可以考虑一个复选框菜单。此处的区别在于,下拉菜单在单击之间是持久的(并且在视觉上传达了多选性质),因此用户可以单击单击单击单击以快速选择多个项目。对于我们的网络应用程序,我们正在考虑通过添加令牌功能来增强此设计。

checkbox menu, via realestate.com.au

11
Erics

任何替代方案都将取决于数据和预期的用例。视觉表示没有帮助用户找到正确的值那么重要。您应该利用任何机会来减少选项的数量,并指导用户使用他们的首选值。考虑过滤,分组和记住先前的选择。

3
Nescio

我注意到Windows 7使用此替代方法为Windows资源管理器选择列。

enter image description here

2
jpierson

还要查看以下示例:

http://ivaynberg.github.com/select2/

...从一个名为“ Select 2”的jquery插件中,它将为您提供编程访问,对选择框,输入字段,下拉列表等进行标记支持和标记化。您应该能够以此为您的挑战建立一个好的解决方案。

很酷的插件。

2
Rowe Morehouse

您可以将复选框列表与顶部的“全选”复选框一起使用。使用此复选框,您可以非常快地选择和取消选择所有选项(复选框同时反映了列表的选择状态...全部,全部或没有)。如果复选框项目的数量非常多,则可以在复选框列表的右侧显示所选项目(在常规列表中)。另外,您应该在复选框列表上方添加一个过滤器。

0
sysscore

如果空间不足并且添加项目的可能性较低(2-3),则可以重复执行添加操作。使用适当的分类法,用户可以很快获得。

0
Bobby Tables