Yui AutoComplete: Wie können Sie es erweitern, wenn die Eingabe ausgewählt ist?
-
23-10-2019 - |
Frage
Ich habe eine YUI -Autokontrolle, funktioniert großartig. Außer dass ich möchte, dass es die Liste der Vorschläge erweitert, sobald der Benutzer das Eingabefeld auswählt. Wie mache ich das?
Derzeit erfolgt die Erweiterung erst, wenn der Benutzer einen Schlüssel in der Box trifft.
Lösung
Du kannst den ... benutzen textBoxFocusevent Senden einer Abfrage des Inhalts des Eingangs, der den Ergebnisbereich öffnet. Ich habe versucht zu benutzen Erweiterung Ohne Erfolg, aber war sich das trotzdem nicht sicher, ob das funktioniert hätte.
Arbeitsbeispiel: http://tivac.com/yui2/autocomplete_jamesmoore.htm
Andere Tipps
TIVAC hat die richtige Idee - verwenden Sie textBoxFocusevent, um eine leere Abfrage zu senden, die die Ergebnisse zurückgibt, um den Container zu füllen. Schauen Sie sich dieses Beispiel für einen Beispielcode an: http://developer.yahoo.com/yui/examples/autocomplete/ac_combobox.html
Dies funktioniert bei der Verwendung Yui 3:
Y.one('#id').plug(Y.Plugin.AutoComplete, {source:['item1','item2','item3','etc']})
.on('focus', function(){this.ac.fire('query')});
Über den Fokus der beigefügten Eingabe (ID), die query
Das Ereignis wird entlassen, um das Menü zu füllen und es anzuzeigen.