如何在jQuery自動完成中顯示多個值？

Question

我試圖設計一個多列選擇/搜索框，如下圖所示。

我想過使用jQuery UI的自動完成構件。我會讓列表出現在焦點上，以便用戶可以直接從列表中選擇，或者在搜索框中輸入以篩選顯示的數據。

我知道我可以提供自動完成的一個對象數組作爲源，並決定一個標籤顯示爲選定的項目，當用戶選擇一行。

我想要的是在列表中顯示兩個以上的列。任何想法如何實現？

感謝，

Answer 1

使用autocomplete renderItem自定義您的搜索結果。對於多列視圖，在渲染中使用html代碼來渲染類似視圖的表格。然後使用this庫在自動完成UI中呈現html。

Answer 2

我結束了從twitter使用typeahead.js。

配合血獵犬引擎，它可以爲列表指定服裝模板。