В этой статье суммируется использование компонента Bootstrap Select2 в некоторых фактических проектах. Это совместно с вами. Нуждающиеся друзья могут извлечь уроки из этого и избежать обхода. Конкретный контент заключается в следующем
Изображение воспроизведения:
Будь то получение данных фиксированным образом или для получения Ajax, bootstrap.js/css и select2.js/css и:
{{styleSheet_link ('css/bootstrap.css')}} {{styleSheet_link ('css/select2 styleSheet_link ('css/prettify.css')}} {{javascript_include ('js/lib/jquery.js')}} {{javascript_include ('js/lib/select2 }} <div> <section id = "Tags"> <div> <p> <select melate = "multe"> <опция selected = "selected"> Orange </option> <опция> White </option> <опция selected = "selected"> purple </option> </select> </p> </div> </section> </div> </div> </selet> </p> </div> </section> </div> </div>Фиксированный способ получить:
$ (". js-example-tags"). Select2 ({Tags: true, // Можно ли вы настраивает тег createSearchChoice: function (term, data) {alert (1); if ($ (data) .filter (function () {return this.text.localecompare (term) == 0;}). несколько: true, data: [{id: 0, text: 'story'}, {id: 1, text: 'ошибка'}, {id: 2, text: 'task'}]});Получить метод Ajax:
$ (". js-example-tags"). select2 ({// включить теги тегов: true, // загрузка удаленных данных // см. https://select2.github.io/options.html#ajax ajax: {url: "ask2/tags", processResults: function (data) {console.l. [];иллюстрировать
Формат возврата данных в AJAX должен выглядеть следующим образом: [{id: 0, text: 'story'}, {id: 1, text: 'bug'}, {id: 2, text: 'task'}]
Соответствующий пример кода PHP
... $ p1 = массив (id => "1", text => "java"); $ p2 = массив (id => "2", text => "jvm"); $ test = массив (1 => $ P1,2 => $ P2); $ params ['responseData'] = $ test; $ this-> view-> disable (); вернуть родитель :: ajaxResponse ($ params);
Если вы все еще хотите учиться глубже, вы можете нажать здесь, чтобы изучить и прикрепить к вам 3 захватывающих тем:
Начальная учебник по обучению
Bootstrap Practical Rutorial
Учебное пособие по использованию плагина Bootstrap
Выше приведено введение в некоторые методы использования Select2, я надеюсь, что это будет полезно для каждого обучения.