Wie mache ich ein Autocomplete-Textfeld wie das hier bei Stack Overflow für die Tags Felder? Ich möchte es für meine Rails App verwenden.Auto-Vervollständigen Textfeld
Antwort
Die Grundidee ist, dass Sie AJAX-Anfragen an den Server mit onkeydown- oder onkeypress-Ereignissen auslösen (vorzugsweise mit ein wenig Verzögerung), die Ihre Suche mit dem bisher eingegebenen Text durchführen und mögliche Vervollständigungen an senden der Kunde. Der Client führt dann eine DOM-Manipulation durch, um diese anzuzeigen.
Stackoverflow die jQuery Autocomplete Plugin verwendet, hat es mehrere Artikel Unterstützung.
Überprüfen Sie die demos.
Snippet von der Bearbeitungsseite:
$("#tagnames").autocomplete("/tags/filter", {
max: 6,
highlightItem: true,
multiple: true,
multipleSeparator: " ",
matchContains: true,
scroll: true,
scrollHeight: 300
});
Sie haben 2 Möglichkeiten können Sie tun Rails Jquery UJS mit dem Autocomplete gem OR TokenInputs und Blick auf die Railscasts on TokenFields auf, wie es für Ihre Situation einzurichten. Persönlich mag ich, was letzteres mit seinen eigenen persönlichen Themen macht.
- 1. Autovervollständigen mit React-Komponenten
- 2. Verstecktes Feld mit Autovervollständigen-Wert füllen
- 3. jQuery Autovervollständigen Zahlen
- 4. jQuery AutoVervollständigen MinLength
- 5. HTML-Eingabe Autovervollständigen
- 6. Autovervollständigen Ajax Textbox für iPhone Web App?
- 7. ASP.NET MVC 5 DropDownListFor AutoVervollständigen
- 8. Google Map Autovervollständigen mit Laravel
- 9. WebStorm 2016.1.3 Attribute falsch Autovervollständigen
- 10. Jquery Autocomplete - nur Autovervollständigen Vorschläge
- 11. Autovervollständigen langsam mit großer Datenbanksuche
- 12. C# - Autovervollständigen eines Textfeldes mit Daten aus zwei Feldern
- 13. Jquery AutoComplete vs Google Mail AutoVervollständigen
- 14. Wert nur bei jQueryUI AutoVervollständigen auswählen Ereignis
- 15. Update Vorschläge für AutoVervollständigen Textansicht Element klicken
- 16. Kategorien/Schnittstellen von Static Libs nicht Autovervollständigen?
- 17. Zyklus durch Autovervollständigen Vorschläge ohne Pfeile
- 18. twitter-typeahead nicht autovervollständigen oder auswählen
- 19. AutoVervollständigen-Wert löschen bei ausgewähltem Änderungsereignis
- 20. Kann $ (this) funktioniert nicht in jQueryUI Autovervollständigen
- 21. Wie Sie IDs mit Auswahlen in AutoVervollständigen speichern AjaxControlToolkit ASP.NET?
- 22. mehrreihiges Textfeld ohne Textfeld
- 23. Warum ID Chrome Popup-Erweiterung bei Eingabe Autovervollständigen Vorschlag Klick?
- 24. Fertig funktioniert nicht in SoftKeyboard in AutoVervollständigen TextView in Android
- 25. Benutzerdefinierte Liste der Autovervollständigen-Optionen in ios mit monotouch
- 26. Verhindern Autovervollständigen Vorschlag Liste nach entery Schlüssel ist drücken
- 27. iPhone Textfeld
- 28. Mehrfachformular Textfeld
- 29. Rechtschreibprüfung Textfeld
- 30. Arabisch Textfeld