jQueryオートコンプリートで複数の値を表示する方法は？

Question

私は、以下に示すような複数列選択/検索ボックスを設計しようとしています。

私はjQueryの-UIオートコンプリートウィジェットを使用して考えました。ユーザーがリストから直接選択するか、または検索ボックスで入力を開始して、表示されたデータをフィルタリングできるように、リストにフォーカスを合わせます。

私はオートコンプリートにソースとしてオブジェクトの配列を送り、ユーザーが行を選択したときに選択されたアイテムとして表示されるラベルを決定することができます。

私が望むのは、リストに3つ以上の列を表示することです。どのようにそれを達成するための任意のアイデア？検索結果をカスタマイズする

おかげで、

Answer 1

使用autocomplete renderItem。複数の列ビューの場合は、レンダリングでhtmlコードを使用して、テーブルのようなビューをレンダリングします。そして、thisライブラリを使用して、オートコンプリートUIでhtmlをレンダリングします。

Answer 2

私はtwitterからtypeahead.jsを使用して終了しました。

bloodhoundエンジンとペア設定されているため、リストの衣装テンプレートを指定できます。