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

Question

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

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

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

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

Answer 1

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

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

Answer 2

我会使用自动完成文本框，比如 jQuery 文本框。当他们选择员工姓名时，您可以将其添加到“已分配”框中。