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

Question

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

我考慮過使用jQuery-UI Autocomplete小部件。 我將使列表成為焦點，以便用戶可以直接從列表中選擇或開始在搜索框中鍵入內容以過濾顯示的數據。

我知道我可以將對象數組作為源自動填充，並在用戶選擇一行時決定將標簽顯示為所選項目。

我想要在列表中顯示兩列以上。 任何想法如何做到這一點？

謝謝，

Answer 1

使用autocomplete renderItem自定義搜索結果。 對於多列視圖，請在呈現中使用html代碼呈現類似於視圖的表。 然后使用該庫在自動完成UI中呈現html。

Answer 2

我最終使用了Twitter的typeahead.js 。

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