Gemäß der Verwendung von Online -Nutzungsmethoden von TypeAwheads trat ein Fehler im letzten Schritt auf. Die Daten können aus der Datenbank gelesen werden, aber wenn die Eingabeaufforderung im Eingabefeld angezeigt wird, wird alles als untergesticht angezeigt. Nach langer Zeit konnte ich nicht herausfinden, was das Problem war. Später fand ich diesen Satz versehentlich unter http://blog.64cm.com/post/2014/08/13/%E4%BD%Bf%E7%94%A8BootsTrap-Typehead-Kopf-Baumhead%E6%8F%92%E4%BB%B6: Quelle." Ich erinnerte mich, weil ich nach der Online -Methode die AJAX -Methode in der Quelle direkt aufrufe.
Wenn man auf die aktuelle ACE-Demo zurückblickte, gibt es, obwohl es kein Beispiel für das Aufrufen von AJAX gibt, auch Kommentare zur Erklärung, wie man sie verwendet, aber es ist in englischer Sprache (Off-Topic: Es ist wirklich wichtig, Englisch durch Technologie zu verstehen.) Und nach einer Weile kann es schließlich korrekt angezeigt werden. Der Code wird wie folgt veröffentlicht:
JS -Code
<script type="text/javascript">jQuery(function($) {//typeahead.js//example taken from plugin's page at: https://twitter.github.io/typeahead.js/examples/var substringMatcher = function() {//substringMatcher() method return function findMatches(query, process) {//query is the Ausgestattetes Schlüsselwort, ProcessJ ist der zurückgegebene Wert Var -Übereinstimmungen, substringregex; var params = {"Token": getStorage ("Token"), "Flag": 0, "Name": Abfrage}; fullUrl = getoption ("gykj_host")+"Institution/Liste?"+getoption ("gykj_callbackparam")+"="+getoption ("gykj_callbackfu nc ")+parameter_str; $ ("#submenu_info ") n ("gykj_callbackparam"), jsonpcallback: getoption ("gykj_callbackfunc"), async: false, fehler: function () {alert ("Liste:"+Ge Toption ("ConnectionErMessage"));}, Erfolg: Funktion (Daten) {// $ ("#submenu_info"). html (fullurl); if (data.code == 0) {var arr, substringregex; arr = []; substrregex = new Regexp (Abfrage); // Dies muss oder es sein muss immer noch als untergestanden erscheint (var item in data.data) {var str = data.data [item] .name; if (substrgex.Test (str)) {/////////// // typeA -Objekte. docs für mehr infoarr.push ({value: st});}} prozess (arr);}}})}} $ ('input.typeAhead'). TypeAdhead ({Hinweis: TRUE, TRUE, HOLGHILD: TRUE: TRUE, MINLENGENGEN: 1}, {Name ', States', Anzeigekey: 'Value', Quelle '. Version, und die SubstringMatcher () -Methode wird verwendet});}); </script>html
<!-Inline-Skripte, die sich auf diese Seite beziehen-> <script src = "../ assets/js/ace-elements.js"> </script> <script src = "../ assets/js/typeAeAthead.jquery.js"> </script> <input type = "text" id = "name
Das obige ist das Problem und die Lösung für die Verwendung des Bootstrap-TypeAwhead-Plug-Ins, um das Eingangsfeld automatisch zu vervollständigen. 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!