寻找从大型(100+)列表中进行多选的良好(Web)UI模式

时间:2009-06-11 08:50:55

标签: user-interface

我们有一个应用程序,我们正在记录一对多的值映射,其中'many'侧包含100多个选项。一个简单的选择列表不起作用,因为ctrl + click对于这个用户社区来说有点太脆弱了。这将在ASP.NET中完成,因此非常感谢为此目的指向现有控件的任何指针。

两个主要竞争者是:

  • 滚动核对清单 - 保持大约10个选项可见,让用户向上和向下滚动以查看他们想要的选项

  • 可用与选定列表 - 两个相邻列表,左侧可用选项,右侧选定选项,带有一些按钮来回移动项目。 (这个的任何ASP控件?)

还会想到其他任何想法吗?

谢谢!

3 个答案:

答案 0 :(得分:1)

建议框怎么样,以便他们可以开始输入,你会根据他们输入的内容显示可能的选项?

您可以在标签云上显示整个列表,这样如果他们想要,他们可以选择标签,并且建议箱将自动填充他们选择的任何内容。

如果建议框不可行 - 我会使用标签云和禁用的文本框(或任何其他不可编辑的文本字段,甚至是标签)来显示从标签云中挑选的选项。

与传统列表相比,这也可以为您节省大量的垂直空间。

答案 1 :(得分:0)

重新阅读你的问题后,我会带两个带有按钮的列表框,用于添加和删除所选项目。

如果您的一对多选项更深入到许多子级别,那么ASP.NET TreeView控件如何?您可以在TreeView中为每个叶节点添加一个复选框,也可以在父节点上添加一个复选框,选中后,选中所有子节点。

答案 2 :(得分:0)

当你有100多个列表(可能是100000+)时,很难找到带有意见箱的指定项目。我试了一下,用户迷失了方向。列表包含100+以上,应该有一些过滤器来精确搜索和选择项目。

我认为带有过滤器的网格和带有所选项目的框和添加/删除选项最适合这种情况。

我仍在为此寻找精美的UI设计。