改进了从大量员工中选择的设计

Question

目前，我们有“决斗”选择列表，您可以从Available Employees选择框中选择多个员工，然后转移到Assigned选择框。

大部分时间一切正常，但有一位客户抱怨说渲染页面需要20秒。经过检查，他们有3000名员工，因此在选择框中有3000个选项，这是长时间加载的主要原因。

有什么更好的设计理念吗？我考虑过字母分页，但宽度为200px，下面的字母可能看起来很奇怪。

那里有现成的解决方案吗？建议？

Answer 1

我会使用一个字母索引来选择出现在“可用”列表中的员工列表。在这种情况下，这应该缩小到足以加快速度。通过AJAX获取结果列表。

这个问题与代码本身无关，因此它确实属于：https://ux.stackexchange.com/

Answer 2

我会使用autocomplete文本框，就像jQuery文本框一样。当他们选择员工姓名时，您可以将其添加到“已分配”框中。