Wie zeigen mehrere Werte in jQuery Autocomplete?

Question

Ich versuche, ein mehrspaltiges Auswahl/Suchfeld als das unten gezeigte zu entwerfen.

Ich dachte über jQuery-UI-Widget Automatische Vervollständigung verwenden. Ich werde die Liste im Fokus erscheinen lassen, so dass der Benutzer direkt aus der Liste auswählen oder im Suchfeld eingeben kann, um die angezeigten Daten zu filtern.

Ich weiß, ich kann die Autocomplete ein Array von Objekten als Quelle füttern und entscheiden, eine Bezeichnung als das ausgewählte Element angezeigt werden, wenn der Benutzer eine Zeile auswählt.

Was ich möchte, ist mehr als zwei Spalten in der Liste anzuzeigen. Irgendeine Idee, wie man das erreicht?

Dank,

Answer 1

Verwenden autocomplete renderItem Ihre Suchergebnisse zu gestalten. Verwenden Sie für die Darstellung mit mehreren Spalten HTML-Code beim Rendern, um die tabellenartige Ansicht zu rendern. Verwenden Sie dann die Bibliothek this, um HTML in der Autocomplete-Benutzeroberfläche zu rendern.

Answer 2

Ich endete mit typeahead.js von Twitter.

Gekoppelt mit der Bluthund-Engine gibt es die Möglichkeit, Kostümvorlagen für die Liste zu spezifizieren.