Obwohl Sie nach dem Dropdown-Feld suchen können, das Sie im EasyUi-Framework erstellt haben, gibt es viele Unannehmlichkeiten: Zum Beispiel können Sie nicht mit Fuzzyly übereinstimmen, Sie müssen nach dem ersten Buchstaben suchen.
Aus einer Laune heraus wollte ich das Framework ändern und den Hintergrund schreiben, und dann habe ich ein Regal mit Bootstrap eingerichtet. Dann konflikten die beiden Stile. Baidu machte einen Schritt und fand einen weiteren fantastischen JS, der auf der Dropdown-Box-Suchfunktion von Bootstrap basiert.
Fall unempfindlich, Fuzzy Matching, haha, großartig ~~
Spezifische Verwendung:
<script type = "text/javaScript" src = "<%= basepath%>/js/commons/jQuery.min.js"> </script> <script type = "text/javaScript" src = "$ {Basepath} /js/silviomoreto-bootstrap/bootsElct.js.js" type = "text/css" href = "$ {basepath} /js/silviomoreto-bootstrap/bootstrap-select.css"> <!-3.0-> <link href = "$ {basepath} /js/silviomoreto-bootstrap.-Bootstrap.-Min.CSSSHSETSHOTRAP.-BOTRAP.-BOTRAP.MIN.MIN.CSSS" src = "$ {basepath} /js/silviomoreto-bootstrap/bootstrap.min.js"> </script> It: $ (Fenster) .on ('Load', function () {$ ('.'. SelectPicker '). SelectPicker ({' selectedText ':' cat '}); $ ('. selectPicker'). SelectPicker ('ausblenden');});Der Schlüsselcode ist, ob die Klasse und ob die Suche anschließend unterstützt wird
<select id = "bs3Select" multiple data-live-search = "true"> <option> kuh </option> <option> bull </option> <Option Deaktiviert> ox </option> </select>
Wenn Sie weiterhin ausführlich lernen möchten, können Sie hier klicken, um Ihnen zu lernen und Ihnen zwei aufregende Themen anzuhängen: Bootstrap -Lern -Tutorial Bootstrap Practical Tutorial
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.