In der Webentwicklung müssen wir Suchfunktionen wie Baidu und Google gestoßen haben. Was kann also mit automatischer Fertigstellung in intelligenten Formularen geschehen? Lassen Sie es uns unten enthüllen:
1. Enthält einfache Suchanfragen wie Google, Baidu usw.
2. Unterstützung für komplexe Strukturen, wie die Eingabe einer Produktnummer, müssen eine bestimmte Position im Besprechungsformular für die Produktnummer, den Produktnamen, den Produkteinheitspreis, die Produktnoten usw. einfüllen.
Der Code ist wie folgt (Seitenadresse: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form3-ee-autocomplete.html):
Automatische Fertigstellung
Hinweis: JS-Dateien müssen eingeführt werden: jQuery-ui.js, jquery.fn.extend.js
Rufen Sie nach Abschluss der Formulargenerierung die SmartSearch -Methode an, indem Sie das Element angeben
Parameterbeschreibung:
URL: Angeforderte URL
BeforeSearch: Optional, die Methode, die vor dem Senden der Anforderung angerufen wird. Die Methode hat eine Parameterdaten, die die zugesandten Daten enthält. Wenn Sie die zugesandten Parameter hinzufügen oder ändern müssen, können Sie die Parameter erneut ändern.
FormatItem: Optional. Wenn es sich bei dem zurückgegebenen Array -String nicht um eine einfache Array -Zeichenfolge handelt, müssen Sie den Vorgang so anpassen, dass der in der Schnittstelle angezeigte Inhalt angezeigt wird. Im Beispiel wird der Produktnummer + Produktname angezeigt.
Rückruf: Optional. Wenn die zurückgegebene Array -Zeichenfolge keine einfache Array -Zeichenfolge ist, müssen Sie die Operation anpassen und sie verwenden, um Werte zuzuweisen
Hinweis: Wenn die Schnittstelle ein einfaches String -Array zurückgibt, können Formatitem und Rückruf weggelassen werden.
Hier ist ein Screenshot für das Laufen in meinem lokalen Testprojekt:
Das obige ist die vollständige Beschreibung der vom Editor eingeführten Automatischen Komponentenunterstützung des Bootstrap Smart Form Practical Series (10). Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!