Вопросы с тегами [bootstrap-selectpicker]

1

голосов
3

ответ
1.6k

Просмотры

selectpicker: Получить атрибут данных выбранного варианта

У меня трудное время в, чтобы получить атрибут набора данных, выберите опцию начальной загрузки selectpicker. . Я пробовал: $ ( 'selectpicker ') на (' changed.bs.select', функция (е) {вар выбирается = e.target.value; console.log ( "значение:", выбрано); // дает Выбранное значение console.log ( "атрибут данных:", $ (e.target) .data ( "цена"));}); Атрибут данных всегда возвращает неопределенное значение, что не так я делаю здесь?
monda
1

голосов
1

ответ
360

Просмотры

Bootstrap-выберите & Vue.js: selectpicker ( 'Обновить') не работает

Я пытаюсь реализовать самозагрузки-выбрать плагин (найденный здесь https://developer.snapappointments.com/bootstrap-select/) в Ruby On Rails приложения с Vue.js как яваскрипт рамка. Цель состоит в том, что в один выбор вы можете выбрать категорию и в других вы можете выбрать все учитель, доступные для этой категории. Для этого я использую AXIOS и Vue, чтобы сделать запрос на мой собственный API и использовать его для заполнения второго выбора и она отлично работает с простым полем выбора, однако я хочу самозагрузку-выберите, чтобы показать, я знаю, плагин имеет функция «selectpicker („Обновить“)», чтобы сделать опцию перезагрузки возможно, но мой браузер консоли утверждает selectpicker не является функцией, когда я называю это в моем случае вю, я могу вручную запустить его на консоли браузера, однако и она работает, как предполагалось Мой код: ЯШИ: Vue.use (VueAxios,
Jose David Bayona
0

голосов
0

ответ
6

Просмотры

selectpicker в множественном выборе «не работает insde раскрывающегося списка

им пытаются поставить множественный выбор в раскрывающемся списке, но когда я использую selectpicker бутстраповского внутри выпадающего списка, я не могу открыть Выбрать, больше РЕГИОНЕ @foreach ($ regii в $ ключ => $ значение)> {{$ ценностно> region_label}} @endforeach
Ghazi
1

голосов
1

ответ
157

Просмотры

видимым связываясь с selectpicker не работает

Я использую этот пример и selectpicker работает, но видно связывание не работает. Если добавить видимым: ложь в этом примере я все еще могу видеть selectpicker. Кто-нибудь знает, как скрыть selectpicker с помощью видимой привязки?
Nakres
1

голосов
1

ответ
2.3k

Просмотры

Bootstrap Выберите не работает в MDBootstrap

Я использую MDBootstrap в одном из моих проектов. Я не премиум пользователь MDB. Поэтому я не могу использовать MDB Select. Но Bootstrap Select не работает отлично в MDB. Вот пример фото:
1

голосов
2

ответ
260

Просмотры

Selectpicker не заполняется при использовании с AngularJS

Я пытаюсь, чтобы заполнить выбор опций (selectpicker), но без успеха. Моя competenceArray заполнена правильно, но в моем HTML никогда не появляется опций. Кто-то может помочь мне с selectpicker? JS (() => {угловой .module ( 'талант') .controller ( 'FunctionalityCreateCtrl' Create); функция Create ($ таймаут, GatewayService) {Vm = Const это, vm.form = {}; vm.competencesArray = []; getCompetences (); функция getCompetences () {GatewayService.get ( '/') компетенции .then ((данные) => {vm.competencesArray = data._embedded;}) .catch (() => {консоли. войти ( 'Nope');});}}}) (); HTML Выбор
Lucas_Santos
1

голосов
1

ответ
2.6k

Просмотры

Bootstrap Selectpicker not working with angularjs

Пожалуйста, помогите мне здесь. У меня проблема. Я использую Bootstrap выбрать палитру для выбора окна. Он выбирает первый раз отлично. Но проблема второго выбора времени. На второй раз она выбор следующего значения индекса. Например: - Если я выбираю C второй раз. Это будет выбирать D = уаг MYAPP angular.module ( 'MYAPP', []); myapp.controller ( 'FirstCtrl', функция ($ области видимости) {$ scope.subapplicationList = [{ "ID": 9, "Descripcion": "а"}, { "ID": 1, "Descripcion": "б" }, { "ID": 2, "Descripcion": "с"}, { "ID": 3, "Descripcion": "г"}, { "ID": 4, "Descripcion": "е"}, { "ID": 5,»
Shiva1281969
1

голосов
2

ответ
165

Просмотры

How to append li items to fisrt ul of given id

I am trying to access the first inside 2 (more) divs of given div i.e. $('#contract') Code: Contract Types  Contract Types Rent Buy Commercial Rent Commercial Buy
Talha Siddiqi
1

голосов
2

ответ
961

Просмотры

Bootstrap 4: selectpicker 1.13 не правильно FIT выбранного контента опциона

Проблема заключается в том, просто стилистической так далека: выбор сам по себе не подходит размера выбранного варианта. Оказывается, слишком низко и переливается контейнер. Плюс каретка показывает в верхнем правом углу, не там, где он должен быть (в середине справа). Выглядит следующим образом: С помощью следующего кода: Я грустно и немного слишком длинный вариант Как вы можете видеть, нет никаких проблем с отображением сам выберите выпадающий список, это просто то, что кнопка (начальное поле с текущим значением ) появляется все перепутались по какой-то причине. Я подозреваю, что может быть проблема с самого плагина, так как я едва применения каких-либо связанных стилей, которые могут помешать. Я хотел бы получить совет, как я мог бы получить эту работу должным образом, потому что мне очень нравится плагин и не хотелось бы, чтобы написать всю функциональность себя. Я' м просто не так хорошо с CSS и понимание его структуры. Я имел взгляд на исходный HTML, создающего плагин и просто кажется, что родительский контейнер (div.filter-вариант) не попадает некоторые из свойств, необходимых, чтобы сказать ему, где поместить содержимое (текст, содержащий элемент div.filter-опционного внутренний) и как справиться с этим. Источник плагин (предназначается, чтобы быть официально совместим с версией Bootstrap 4 Bootstrap Выбор плагина): https://github.com/snapappointments/bootstrap-select/releases/tag/v1.13.0 Моя версия Bootstrap по умолчанию построен с использованием Laravel 5.6 Bootstrap 4.0. Любая помощь / совет / анализ вопроса очень ценится! Заранее спасибо! UPDATE 1: Очень странно ... Следующий код: Hot Dog, Fries и Soda Burger, взболтать и улыбка Сахар, Специи и все хорошо обеспечивают отличный результат при отображении в совершенно новом чистом jsfiddle, но вставили в обычае местного (и онлайн) .html файл, он по-прежнему отображается неаккуратно. Я очень невежественный, почему это может быть!
D. Petrov
1

голосов
5

ответ
371

Просмотры

Сделать самозагрузки-выберите выпадающий список требуемого

У меня есть выпадающий список в моей форме, которая используется самозагрузкой-выберите, чтобы показать выпадающий список. Я хочу сделать, если пользователь представить форму он будет проверять раскрывающийся иметь значение или нет. Я уже добавил требуется внутри тега, но ничего не случится, если я оставлю его пустым и нажмите кнопку отправки. Это мой код: Расположение Выберите расположение Как сделать мой выбор требуется выпадающие и может подтвердить это должно заполняется, если пользователь нажимает кнопку отправки? Благодаря прежде.
Antonio
2

голосов
1

ответ
38

Просмотры

Как обновить Bootstrap выбрать (selectpicker) заголовок с помощью JavaScript

Я хочу изменить избранный заголовок, я просто не могу это сделать. Я пробовал: $ ( 'выбрать') selectpicker ({заголовок: "Новый заголовок"}).. Selectpicker ( 'визуализации'); . И: $ ( 'выберите') selectpicker ({заголовок: "Новый заголовок"}) selectpicker ( 'Обновить');. и я обновлен до последней версии.
zida
3

голосов
1

ответ
2k

Просмотры

Bootstrap выбора не отображается

Я пытаюсь использовать самозагрузки-выбрать с моим угловым проектом, но он не появляется вообще. Мой зависимости после установки начальной загрузки-выберите пакет с дачей: И для файлов JS: Это единственное правило, которое применяется для выбора элемента из начальных загрузки-выберите таблицы стилей CSS. select.bs-выберите скрытое, select.selectpicker {дисплей: ни один важный; } Есть некоторые из других пакетов, нарушающих его? Спасибо Мои версии: угловые 1.6.2, бутстраповские: 3.3.7, бутстраповские-выберите: 1.12.2
5

голосов
2

ответ
2.4k

Просмотры

d.stopPropagation не является функцией от начальной загрузки выберите-подборщика

У меня есть проблема на моем сайте, то выбери сборщик отлично работает много времени, но без внесения каких-либо изменений на коде, выберите-подборщик перестал работать. Ошибка: самозагрузки-select.min.js: 7 Uncaught TypeError: d.stopPropagation не является функцией я уже пытался обновить версию библиотеки, но все версии я пытался (1,10, 1,7, 1,6 и 1,5) выглядит с тот же вопрос. Можете ли вы привести мне некоторые идеи о том, что происходит? Если вы можете увидеть консоль на сайте будет удивительным.
rleiva
5

голосов
5

ответ
12.2k

Просмотры

Выбрать все / Очистить все в Bootstrap Выбор плагина

Все рейтинги EC (Early Childhood) E (Everyone) E10 + (10+) T (подросток) M (Mature) AO (Adults Only) В HTML выше, есть вариант со значением Все. Я хочу, чтобы выбрать все элементы, если выбран этот вариант, и отменить все, если я отмените этот параметр. Я думаю, что это будет просто сделать, но я не могу, почему ничего не происходит на $ ( «#») divRatings изменить (функция () {// некоторая логика}). Моя функция для выбора / отмены выбора элементов: функция toggleSelectAll (контроль) {если (control.val () IndexOf ( "Все")> -1.) {Control.selectpicker ( 'SelectAll'); } Еще {control.selectpicker ( 'deselectAll'); }} Пример JSFiddle
demo
4

голосов
2

ответ
1k

Просмотры

нажмите для выбора и отмены выбора из одной капли вниз, как кратному в начальной загрузки, выберите

Я использовал Bootstrap выбрать Теперь, когда я нажимаю на опцию она должна быть выбрана, как это работает нормально, но когда я нажимаю на ту же опцию, она должна быть отключен с обеими нажмите и введите нажатие клавиши события, как это работает на множественном выбор I просто хочу так же, как для одного выбора. Я попытался следующий код, чтобы выбрать и отменить выбор на события мыши, что он работает нормально, но когда я пытаюсь сделать это с помощью клавиатуры ввести ключ это даже не получение выбран. Любая помощь приветствуется :-) $ selectpicker ({liveSearch: правда, showTick: истинный}); ( 'selectpicker.). $ (Документ) .он ( 'щелчок', '.dropdown меню Li', функция (событие) {если ($ (это) .hasClass ( 'активный')) {$ (это) .parent (). Предыдущая ( 'DIV') родитель () следующий ( 'выберите') selectpicker ( 'вал', '');...}});
Prateik Darji
0

голосов
1

ответ
14

Просмотры

Невозможно добавить динамический Bootstrap выбрать таблицу

Я пытаюсь добавить самозагрузки-выбора динамически в таблице, определенной следующим образом: Выбрать Название Gmail Телефон opt1 opt2 По существу мой сценарий создания новой строки в этой таблице, когда пользователь нажимает кнопку. Проблема заключается в том, что новый загрузчик-выберите, который вы можете скачать здесь, не добавляется правильно, Infact невидим. Я не знаю, как исправить это, кто-нибудь может мне помочь? Это код JS:. $ (Документ) .ready (функция () {вар счетчик = 0; $ ( "# addrow") на ( "щелчок", функция () {вар NewRow = $ (» Удалить(); Счетчик - = 1}); }); и это рабочая скрипку. Удалить(); Счетчик - = 1}); }); и это рабочая скрипку.
LazyStuff
3

голосов
2

ответ
15k

Просмотры

$ (...) .selectpicker не является функцией

Я использую самозагрузки-выберите для формы. Я включил сценарии (JQuery, самозагрузки-Select) в заголовке HTML-файла. Все выберите элементы с классом «selectpicker» все называется правильно. Пример выбора элемента: Горчица Кетчуп Приправы Однако, если я позвоню следующий сценарий на той же странице $ (документ) .ready (функция () {$ ( «# тест») selectpicker ( «Вал», «Смак»). }); Я получаю эту неприятную ошибку $ (...). Selectpicker не является функцией Глядя на вкладке источников в Google Chrome, я вижу, что самозагрузки-select.min.js загружается хорошо. Кто-нибудь есть предложения?
Eugenius
2

голосов
1

ответ
103

Просмотры

Bootstrap-Selectpicker: Сделайте не-интерактивные года невидимы и показать непосредственно данный год, как выбрано

После блок кода: $ ( "DatePicker.") DatePicker ({Формат:. 'Гггг', // Обратите внимание на дополнительное пространство в начале ViewMode: 'годам, minViewMode: "летний, STARTDATE: '-100y', ENDDATE : '-17y'}); Выходы: Я 2 вопроса: Как я могу сделать не являющиеся интерактивные года незаметными? Если пользователь введет в год во входном поле, а затем щёлкает поле ввода, выбранный год должен быть показан как отмечено. Это было бы желаемый результат: В настоящее время я изучаю следующую документацию по API и не может найти соответствующие разделы еще. Кто-нибудь может мне помочь? Я уже сделал это несколько лет назад, но, к сожалению, я не могу вспомнить больше, как.
3

голосов
2

ответ
4.4k

Просмотры

Bootstrap выбери подборщик автоматически сортируя на основе ключа

Я использую Bootstrap selectpicker для заполнения поля выбора. У меня есть данные в таблице БД, как это, * Cid * * CountryName * 1 Австралия 2 Бельгия 3 Канада 4 Индии 5 Зимбабве 6 Бразилии То, что я делаю, упорядочивание данных на основе COUNTRYNAME и заселение CID в качестве опции элемента ключа и COUNTRYNAME как опция элемент значения функция loadJSONtoSelectBox (селектор, опция) {$ (селектор) .selectpicker (); $ .Each (опции, функция (ключ, значение) {$ ( '' + значение + '') .appendTo (селектор); $ (селектор) .focus ();}); $ (Селектор) .selectpicker ( 'Обновить'); } Но внутренне он сортировка на основе значения атрибута опциона т.е. она показывает Бразилию (ИДС 6) в конце, а не после того, как Бельгия, что хак, чтобы решить эту проблему? как я могу отключить, что внутренняя сортировку? Fiddle ссылка https://jsfiddle.net/14a3h2bt/ Для получения дополнительной справки проверьте мой комментарий здесь: https://github.com/silviomoreto/bootstrap-select/issues/1476
Govinda Sakhare
2

голосов
1

ответ
148

Просмотры

Twitter Bootstrap - selectpicker не реагирует после добавления их JS

У меня есть проблема с начальной загрузкой дополнения выбери подборщик. Я динамически добавлять их JS, и они не будут активными после добавления. Они просто есть, вы можете нажать на них, но вы не можете выбрать опцию. Вот упрощенный код (или здесь в прямом DEMO). $ (Функция () {$ ( "# добавить"). Нажмите (функция () {$ ( "рисунок "). Клон (). RemoveClass (" скрытый рисунок "). AddClass (" цв-мкр-24 добавил" ) .prependTo ( "# следующая линия");}); "удалить " $ () нажмите (функция () {console.log (" удалить"); $ (это) .parent () 'добавлен. .remove ();}); $ () selectpicker () 'selectpicker.';.}); Отправить Спасибо за любую помощь.
Filip Macek
3

голосов
1

ответ
824

Просмотры

Использование самозагрузки-выбор, изменение цвета текста при изменении опции или выбрать

Я использую самозагрузки-Select / selectpicker для нескольких различных выпадающих списков на одной странице. Ящик для каждого списка отображается название выбранного элемента, который является первым вариантом. Моя цель заключается в изменении отображения цвета, такие как красный, для любых других вариантов, которые становятся выбранными (не первым в каждом списке). Пользователи могли бы легко увидеть, если были внесены изменения или выбора. (Каждое изменение вызывает обновление части страницы.) Возможно ли это? Нет предпочтений 1+ 2+ 3+ Нет предпочтений 1+ 2+ 3+ 4+ 5+
user2188850
2

голосов
0

ответ
559

Просмотры

Выбор значение по умолчанию в начальной загрузке выбери подборщик с помощью угловых 4 программно

Я использую самозагрузки selectpicker в моем угловом 4 приложении и у меня есть значение по умолчанию к нему из моего кода типа сценария. Эти методы JQuery, приведенные в этой документации https://silviomoreto.github.io/bootstrap-select/methods/ я хочу вызывать методы только с помощью угловой. Я попытался с помощью ElementRef, вот мой код, this.elementref.nativeElement.selectpicker ( «Вал», [defaultvalues]) Это дает мне ошибку «selectpicker не является функцией». Но вход this.elementref.nativeElement печатает элемент «выбрать», как показано ниже. Питание Кофе Ночная жизнь завтрак
Mr.Gaja
4

голосов
1

ответ
6.8k

Просмотры

Как установить выбранный вариант с selectpicker плагин от начальной загрузки

Я использую Bootstrap-Select: Val 1 Val 2 Val 3 Val 4 Например, я хочу изменить Val 1 к Val 1.0 зная Val 1 выбран. Так что я пытался без успеха: $ ( "выберите [имя = SelectAddress]") текст ( "Val 1,0");. $ ( "Выберите [имя = SelectAddress]") selectpicker ( "обновить"). Как я могу добиться этого? Изменить: Найдено решение, путем вставки идентификатора на каждой: 1 Вал Вал 2 Вал 3 Вал 4. Тогда: $ ( "# 1") HTML ( "Вал 1,0"); $ ( "Выберите [имя = SelectAddress]") selectpicker ( "обновить").
London Smith
1

голосов
2

ответ
2.5k

Просмотры

Невозможно изменить название Boostrap-выберите selectpicker

Я хочу, чтобы программно изменить название моей Bootstrap-выберите selectpicker. Я пробовал следующий JS код, который не работает. $ ( '# MyPicker') .selectpicker ({название: 'Новое название'}) .selectpicker ( 'визуализации'); Любые другие способы я могу это сделать?
2

голосов
2

ответ
241

Просмотры

Selectpicker добавить опцию в OPTGROUP

Я хочу добавить опцию в OPTGROUP с помощью JQuery. Я использую самозагрузки selectpicker. Ниже мой код: вар groupOption = «123»; $ ( "# Selectpickerdemo") добавить (groupOption) .selectpicker ( 'Обновить'). ABC ABCD ABC ABCD
Akshay Deshmukh
1

голосов
2

ответ
1.7k

Просмотры

Bootstrap tooltip (placement=right) on input-group

Я хочу, чтобы все всплывающие подсказки, чтобы показать в том же положении. Один с входной группой немного из выравнивания. Также подсказка не появляется для выбора (selectpicker). Пожалуйста помоги. Благодарю. Ссылка: http://www.bootply.com/pb5yAV7aIS $ (функция () {$ ( '[данные переключения = "всплывающая подсказка"]') всплывающая подсказка (); $ () selectpicker (); 'selectpicker.'. }); .mb5 {край дно: 5px; } .Tooltip-внутренний {Max-ширина: 500px; бело-пространство: Nowrap; } .Red-подсказка + .tooltip> .tooltip-внутренняя {фонового цвета: # F00; } .Red-подсказка + .tooltip> .tooltip стрелок {границы правого цвета: # f00; } Вариант А Вариант B Вариант C Привет, мир! ...
ZYM
3

голосов
1

ответ
429

Просмотры

Set Selecpicker val and set option as selected dynamically

Вопрос метаданных Bootstrap версия selectpicker: Selectpicker.VERSION = '1.7.2'; JQuery версия: Jquery JavaScript библиотеки заявление v1.11.2 Проблема: У меня есть фильтр списка выбора. При выборе опции (а фильтр), сервер отвечает все детали фильтра. На основании возвращенных данных, мне нужно установить несколько отдельных элементы (бутстраповская селекцию). После того, как установлено значение я также необходимо установить эту опцию, как выбрано. Выбирает элементы разметки (все они имеют разные идентификаторы). , , JQuery код: инициализация Selecpicker работает хорошо: // все сразу. $ ( 'Selectpicker') selectpicker (). Код пытался, но не повезло. Таким образом, требуется помощь для того же заключается в следующем, я попытался с обычными условностями опции Поиска по стоимости, но она не работает хорошо, например, для выбора с идентификатором, как pspName получить параметр по значению и запуск мыши. Но это не удалось обновить избранные и он также не установлен выбран. $ ( 'Выберите вариант # pspName [значение = "server_returned_value"]') нажмите кнопку ().
ScanQR
2

голосов
2

ответ
179

Просмотры

самозагрузки-selectpicker не изменяя ширину коробки

Я пытаюсь изменить ширину окна selectpicker, которая показывает выбранные варианты, но независимо от того, что я стараюсь я не могу изменить, и я не в состоянии изменить цвет окна. Любые идеи или предложения приветствуются. Фрагмент кода для того, что я предполагая, должны изменить ширину коробки следующим образом (как вы можете видеть, что я поставил его на всем пути до 25, но ширина по-прежнему довольно широк): .selectpicker {ширина: 25px; Фрагмент код можно запустить: <скрипт> $ (функция () {. $ ( '[Данные тумблер = "подсказка"]') подсказка ()}) </ скрипт> <тип скрипта = "текст / JavaScript"> $ (окно) .он ( 'нагрузка', функция () {$ () selectpicker ({ 'selectedText' 'selectpicker. ':. 'кот'}); // $ (' selectpicker.) selectpicker ( "скрыть'. );}); </ Скрипт>. текст-приглушенный {размер шрифта: маленький; } .Text-жирный {начертание шрифта: жирный; Размер шрифта: маленький; } .Button {фонового цвета: # 008CBA; / * Light Blue * / граница: нет; белый цвет; выравнивания текста: центр; текст-отделка: нет; Дисплей: встроенный блок; Размер шрифта: 11px; Маржа: 4px 2px; курсор: указатель; границы радиус: 4px; обивка: 6px 10px; } .Button2 {фонового цвета: # 008CBA; / * Light Blue * / граница: нет; белый цвет; выравнивания текста: центр; текст-отделка: нет; Дисплей: встроенный блок; Размер шрифта: 11px; Маржа: 8px 2px; курсор: указатель; границы радиус: 4px; обивка: 6px 10px; } .Button2: парения {фонового цвета: # 008CBA; коробка-тень: 0 12px 16px 0 RGBA (0, 0, 0, 0,24), 0 17px 30px 0 RGBA (0, 0, 0, 0.19); обивка: 6px 10px; } / * Синий * / .button3 {цвет фона: # f44336; } / * Красный * /. Button4 {цвет фона: # e7e7e7; черный цвет; } / * Серый * / .button5 {цвет фона: # 555555; } / * Черный * / .button6 {размер шрифта: 12px; обивка: 8px 8px; Запас: 8px 0; коробчатого проклейки: граница-бокс; границы: нет; цвет фона: # D35324; белый цвет; обивка: 6px 10px; } .Button6: парения {фонового цвета: # 037BA2; белый цвет; коробка-тень: 0 12px 16px 0 RGBA (0, 0, 0, 0,24), 0 17px 30px 0 RGBA (0, 0, 0, 0.19); } .Button7 {размер шрифта: 12px; обивка: 8px 8px; Запас: 8px 0; коробчатого проклейки: граница-бокс; границы: нет; цвет фона: # 008CBA; белый цвет; } .Button7: ​​парения {фонового цвета: # 008CBA; белый цвет; коробка-тень: 0 12px 16px 0 RGBA (0, 0, 0, 0,24), 0 17px 30px 0 RGBA (0, 0, 0, 0.19); } {Тд выравнивания текста: слева; VALIGN = "средний"; } I {границы: твердый белый; ширина рамки: 0 1px 1px 0; Дисплей: встроенный блок; обивка: 2px; } {.Right преобразования: поворот (-45deg); -webkit-преобразование: поворот (-45deg); } {.Left преобразования: поворот (135deg); -webkit-преобразование: поворот (135deg); } {.Up преобразования: поворот (-135deg); -webkit-преобразование: поворот (-135deg); } {.Down преобразования: поворот (45 градусов); -webkit-преобразование: поворот (45 градусов); } .Dropbtn {фонового цвета: # 008CBA; белый цвет; обивка: 12px; Размер шрифта: 12px; границы: нет; } {.Dropdown положение: относительная; Дисплей: встроенный блок; } .Dropdown-контента {дисплей: нет; позиция: абсолютная; цвет фона: # f1f1f1; мин-ширина: 120px; коробка-тень: 0px 16px 0px 8px RGBA (0, 0, 0, 0.2); Z-индекс: 1; } .Dropdown-контента а {цвет: # 037BA2; обивка: 6px 6px; выравнивания текста: центр; текст-отделка: нет; Дисплей: блок; }. Выпадающий-контента: с парения {цвет фона: # 037BA2; белый цвет; } .Dropdown: парения .dropdown-контент {дисплей: блок; обивка-топ: 3px; право: 0; } .Dropdown: парения .dropbtn {фонового цвета: # 037BA2; } Вход [ID = поиск], выберите {обивка: 8px 20px; Запас: 8px 0; Дисплей: встроенный блок; границы: 1px твердый #ccc; границы радиус: 4px; коробчатого проклейки: граница-бокс; } Вход [значение = Применить] {размер шрифта: 12px; обивка: 8px 8px; Запас: 8px 0; коробчатого проклейки: граница-бокс; границы: нет; цвет фона: # D35324; белый цвет; } Вход [значение = Сброс] {размер шрифта: 12px; обивка: 8px 8px; Запас: 8px 0; коробчатого проклейки: граница-бокс; границы: нет; цвет фона: # D35324; белый цвет; } Вход [значение = Применить]: парение {фонового цвета: # C44E22; } Вход [значение = Сброс]: парение {цвет фона: # C44E22; } Table.table1, тыс. Th1, td.td1 {ширина: 100%; белый цвет; Размер шрифта: 16px; обивка налево: 10px; цвет фона: # 008CBA; } .Tooltip {дисплей: встроенный блок; граница дна: 1px пунктир черный; } .Tooltip .tooltiptext {видимость: скрытый; ширина: 220px; цвет фона: черный; цвет: #fff; выравнивания текста: центр; границы радиус: 6px; обивка: 5px 0; позиция: абсолютная; Z-индекс: 1; верх: 150%; слева: 50%; Левое поле: -60px; } .Tooltip .tooltiptext :: после {содержания: ""; позиция: абсолютная; Дно: 100%; слева: 50%; Левое поле: -5px; границы ширина: 5px; стиль границы: твердый; граница цвета: прозрачный прозрачный черный прозрачный; } .Tooltip: парения .tooltiptext {видимость: видимый; } .Glyphicon.glyphicon-инфо-знак {размер шрифта: 25px; топ: 5px; } .Selectpicker {ширина: 25px; высота: 37px; цвет фона: # 008CBA важно;! стиль границы: твердый; границы левой ширина: 3px; границы сверху: нет; граница дно: нет; границы права: нет; черный цвет; Размер шрифта: 14px; начертание шрифта: 200; обивка налево: 6px; -webkit-внешний вид: нет; -moz-внешний вид: нет; Внешний вид: нет; } НАЧАЛО ТЕСТИРОВАНИЯ Активный Неактивный Оставьте Нет Статус КОНЕЦ ТЕСТИРОВАНИЯ
Joseph Sanders
3

голосов
1

ответ
23

Просмотры

Как установить высоту строки в selectpicker

Попытка уменьшить высоту выбора палитры, регулируя высоту строки. Тем не менее, я не знаю, как получить доступ к кнопке выбора палитры, чтобы уменьшить высоту строки, так как он получает генерируется динамически. Это код: Пример Если я смотрю на осмотр элемента можно увидеть кнопку, чтобы назначить высоту строки: все до после
Saad Khan
2

голосов
0

ответ
34

Просмотры

Bootstrap выбрать не работает должным образом в раскрывающемся меню

У меня есть самозагрузки выбор выбор подборщика, в обычном HTML выпадающего меню. У меня было много вопросов, то выбери сборщик не закрывался после того как я выбрал элемент, я установил, что с этим кодом: $ ( «тело») на ( «нажмите», функция (е) {вар цели = $ (e.target. );., если (target.parents ( «самозагрузки-выберите») && длина target.is ( „а“)) {// Проверяется мишень „а“, ТАК ХОТЯТ этот метод, чтобы ТОЛЬКО ЭФФЕКТ DropDown В МОЕМ DROPDOWN- МЕНЮ //console.log(target.parents('.bootstrap-select').children(":first ")) e.stopPropagation (); 'bootstrap-select.open ' $ () removeClass (' открытый' );}}); Я до сих пор есть много проблем с выбором сборщиком. Почему это происходит? Я предполагаю, что это происходит потому, что selectpicker находится в раскрывающемся меню. Я не могу закрыть окно выбора, когда я нажимаю на него Когда я печатаю слова в поиске, каждая буква заменяет предыдущую, я могу только ввести одну букву. данные живого поиск не работает должным образом Как я могу убедиться, что bootsrap выбрать работу должным образом в раскрывающемся меню?
Mr. Blockchain
1

голосов
2

ответ
970

Просмотры

Bootstrap-выбрать JQuery плагин с Bootstrap 4 не работает

Почему Bootstrap-выбрать не работает должным образом с Bootstrap 4? Вот код, он отображает кнопку ввода поиска и параметры отдельно в виде двух отдельных кнопок. Хот-дог, картофель фри и Soda Burger, взболтать и улыбка сахар, специи и все хорошо
Din
2

голосов
0

ответ
152

Просмотры

Bootstrap-Select does not wrap text with bootstrap 4

I'am trying to use bootstrap-select with multi-select option. my problem is how to make all selected option visible in the button when select is closed. I follow this discussion but the solution doesn't fully work for bootstrap 4: the text wraps but button height is not adjusted and text overflows the input this is the code: body { padding: 20px; } form { max-width: 250px; margin: auto; } /*USE THE BELOW RULE */ .bootstrap-select .filter-option { white-space: normal; } green dark green blue yellow stripes red orange inspecting the code i found that .filter-option-inner div ha corrected height while the problem starts in .filter-option div that is not expanded any idea on how to make the height dynamic? thanks
gt.guybrush
3

голосов
1

ответ
890

Просмотры

Bootstrap-Select Data Live Search, поиск по лексем данных и значения

При использовании начальной загрузки выбери подборщик с живым поиском, он будет искать любое Значение опций. Но при добавлении данных жетонов, он затем поиск только по лексемам данных. Есть ли способ, что я могу сделать это искать обоими? Или я должен использовать данные-подтекст, а не так, что обе вещи для поиска?
Daniel
2

голосов
2

ответ
960

Просмотры

Как JQuery выбора несколько на функции изменения, получить количество элементов не выбраны?

Есть ли способ, чтобы получить все «Не выбрано» значение в множественном выбор на Jquery OnChange события.
Puneet
2

голосов
3

ответ
1k

Просмотры

Значение Обновление второго бутстрапе выбора на выбор первого выбора начальной загрузки

Я новичок в самонастройки-selectpicker. У меня есть два выбора полей. Я хочу знать, как обновить значение второго selectpicker на основе выбора первого. AAA BBB AAA BBB CCC DDD Javascript код: $ ( 'selectpicker.) Selectpicker. ({Стиль: 'БТН-инфо', размер: 4}); Код JS выше инициализирует оба selectpickers. Я что-то пропустил? Или это неправильный способ инициализации? Может кто-то привести пример использования нескольких бутстраповских-selectpickers?
2

голосов
2

ответ
1.3k

Просмотры

Selectpicker (самозагрузки-выберите) unfocus OnChange

Я использую скрытый якорь unfocus самозагрузки выбрать на изменения, как это: HTML: Первый адрес Второй адрес JQuery:. $ ( «# SelectAddress») на ( «изменение», функция () {//...mycode .. . $ ( "# AFocus") фокус ();.}); $ ( "# AFocus") фокус (). делает unfocus с выбором палитры, но это также делает страницу вверх. AFocus находится в верхней части страницы, так что ... Как unfocus отборного сборщика без использования тега привязки, как мой AFocus без прокрутки страницы? Вот пример: http://jsfiddle.net/ya0o7hzb/ Прокрутите страницу вниз, чтобы увидеть самозагрузки-выбор.
London Smith
4

голосов
0

ответ
188

Просмотры

AG-Grid render Bootstrap-Select as a dropdwon

Я реализовал редактируемые AG-Grid. В сетке, один из столбцов отображает страну игрока, как показано ниже: Теперь в последнем столбце, когда пользователь нажимает на ячейку, я хочу, чтобы отобразить список доступных стран в раскрывающемся списке. Здесь по умолчанию AG-Grid отображает обычный выпадающий список. Что я хочу, чтобы заменить Bootstrap-выбора. Для достижения этой цели, я реализовал пользовательский селектор и используя Bootstrap-выберите библиотеку. Но когда щелкнул клетку, Dropdown не обрабатывается. Я не получаю ошибку, хотя в консоли. Вот код моих пользовательских сотовых редакторов: вар selectCellEdior = функция () {}; selectCellEdior.prototype = {INIT: функция (PARAMS) {селектор = document.createElement ( 'выберите'); для (вар я = 0; я <params.values.length; I ++) {вариант вар = params.values ​​[I]; $ ( '', {Значение: вариант, текст: опции}) appendTo (селектор);. } This.cellSelector = селектор; $ (This.cellSelector) .selectpicker ({размер: 'авто'}); }, ПолучитьЗначение: функция () {вернуть $ (this.cellSelector) .find ( «БТН-текст.) Текст ();. }, GetGui: функция () {вернуть this.cellSelector; }, Уничтожьте: функция () {$ (this.cellSelector) .remove (); }}; Вот пример кода, я не понимаю, в чем проблема. функция () {$ (this.cellSelector) .remove (); }}; Вот пример кода, я не понимаю, в чем проблема. функция () {$ (this.cellSelector) .remove (); }}; Вот пример кода, я не понимаю, в чем проблема.
user2988458
4

голосов
1

ответ
237

Просмотры

Бутстрапе выберите с BS4 ввода-группы-препендом

Я использую самозагрузки 4 и начальной загрузки выберите версию 1.13.2 (последняя), которая должна поддерживать самозагрузки 4. Как упомянуто в документации, я даже указать вручную BS verison через $ .fn.selectpicker.Constructor.BootstrapVersion = «4»; Я хотел бы иметь значок рядом с подборщика, я использовал следующий вариант разметки 1 вариант 2 вариант 3, и в результате этого, как вы можете увидеть значок немного больше, чем выбрать, я пытался применить различные стили Bs как для сборщика и значок группы, но ничего не получалось Любые предложения, как решить эту проблему, будут оценены
Martin
2

голосов
1

ответ
1.3k

Просмотры

Загрузка начальной загрузки selectpicker в angular2

Я пытаюсь использовать загрузочный selectpicker в моем angular2 приложения. Я загружен JQuery и самозагрузки-скрипты выберите в угловом-cli.json. Это мое приложение-component.ts импорт $ от «JQuery»; ngOnInit () {$ ( 'selectpicker.) selectpicker ( "Обновить'). } Но я получаю эту ошибку. __WEBPACK_IMPORTED_MODULE_2_jquery ___ по умолчанию (...) (...). Selectpicker не является функцией. Я новичок в angular2. Пожалуйста помоги!
CKA