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

Question

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

我想过使用jQuery UI的自动完成构件。我会让列表出现在焦点上，以便用户可以直接从列表中选择，或者在搜索框中输入以筛选显示的数据。

我知道我可以提供自动完成的一个对象数组作为源，并决定一个标签显示为选定的项目，当用户选择一行。

我想要的是在列表中显示两个以上的列。任何想法如何实现？

感谢，

Answer 1

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

Answer 2

我结束了从twitter使用typeahead.js。

配合血猎犬引擎，它可以为列表指定服装模板。