如何在 jQuery 自动完成中显示多个值？

Question

我正在尝试设计一个多列选择/搜索框，如下所示。

我考虑过使用 jQuery-UI 自动完成小部件。我将使列表显示为焦点，以便用户可以直接从列表中选择或开始在搜索框中输入以过滤显示的数据。

我知道我可以将对象数组作为源提供给自动完成，并决定在用户​​选择一行时将标签显示为所选项目。

我想要的是在列表中显示多于两列。知道如何实现吗？

谢谢，

Answer 1

使用autocomplete renderItem 自定义您的搜索结果。对于多列视图，在渲染中使用 html 代码来渲染表格视图。然后使用 this 库在自动完成 UI 中呈现 html。

Answer 2

我最终使用了来自推特的typeahead.js。

与 Bloodhound 引擎配合使用，它可以为列表指定服装模板。