Wie implementieren Sie die Typ-Ahead-Suche?
Wie implementieren Sie die Typ-Ahead-Suche?

Video: Wie implementieren Sie die Typ-Ahead-Suche?

Video: Wie implementieren Sie die Typ-Ahead-Suche?
Video: Informatik 2 — Chapter #11 — Video #072 — Implementation von Type Ahead auf Basis von TSTs 2024, November
Anonim

Type-Ahead-Suche ist eine Methode für progressiv suchen für und Filtern durch Text.

Implementieren von Typahead. js

  1. Öffnen Sie die Vorlage mit Ihrem Suche Kasten.
  2. Wickeln Sie das Eingabefeld in einen Container mit id="remote"
  3. Geben Sie dem Eingabefeld die tippe Klasse.
  4. Fügen Sie der Vorlage das folgende Skript hinzu:

Und wie funktioniert die Typ-Ahead-Suche?

Typ - Voraus funktioniert auch für beide Seiten – Typ - voaus schlägt sofort wieder Marbury v. Madison vor, nachdem nur "madi" eingegeben wurde. Typ - voaus macht das Nachschlagen von Zitaten zum Kinderspiel. Beginnen Sie mit der Eingabe des Zitats und Sie erhalten sofort Vorschläge.

Man kann sich auch fragen, wie wird die Autovervollständigung durchgeführt? Hier Autovervollständigung erfolgt normalerweise durch Drücken der Tabulatortaste ↹, nachdem die ersten Buchstaben des Wortes eingegeben wurden. Wenn beispielsweise die einzige Datei im aktuellen Verzeichnis, die mit x beginnt, xLongFileName ist, zieht es der Benutzer möglicherweise vor, x einzugeben und Autovervollständigung zum vollständigen Namen.

Wenn man dies im Auge behält, was ist die Typ-Ahead-Funktionalität?

Schreibmaschine ist ein Besonderheit von Computern und Software (und einigen Schreibmaschinen), die es Benutzern ermöglichen, unabhängig vom Programm- oder Computerbetrieb weiterzutippen - der Benutzer kann Typ in jeder gewünschten Geschwindigkeit, und wenn die empfangende Software gerade beschäftigt ist, wird sie später aufgerufen, um dies zu erledigen.

Was ist Typeahead jQuery?

jQuery Typeahead . von Tom Bertrand. jQuery Plugin, das bietet Schreibmaschine ( Autovervollständigung ) Suchvorschau von Json-Objekten über dieselbe Domain-Ajax-Anfrage oder domainübergreifendes Jsonp und bietet Datenkomprimierung im lokalen Speicher. Das Plugin ist mit vielen Optionen und Rückrufen ausgestattet, um eine Anpassung zu ermöglichen.

Empfohlen: