Modal. GridView. Поле input у виджета select2 в filterModel
-
- Сообщения: 99
- Зарегистрирован: 2021.07.15, 21:22
Modal. GridView. Поле input у виджета select2 в filterModel
Всем доброго дня!
Беда пришла, откуда не ждали. Караул!
Есть таблица в модальном окне Bootstrap Modal.
В таблице есть поиск в виде select2 поля для searchModel.
Сам select2 работает, а вот его поле ввода текста для поиска не работает в модальном окне. Поле ввода не кликабельно, текст туда не написать.
Вне модального окна всё работает.
Подскажите, пожалуйста, это кривость моих рук или это баг или это что?
Как это исправить? Вопрос ппц какой важный, выяснилось это случайно, быстро от модальных окон не отказаться, слишком много на них завязано уже, да и не хотелось бы, в принципе, отказываться.
Это стало полной неожиданностью, не проверялось, так как казалось 100% рабочим решением.
Беда пришла, откуда не ждали. Караул!
Есть таблица в модальном окне Bootstrap Modal.
В таблице есть поиск в виде select2 поля для searchModel.
Сам select2 работает, а вот его поле ввода текста для поиска не работает в модальном окне. Поле ввода не кликабельно, текст туда не написать.
Вне модального окна всё работает.
Подскажите, пожалуйста, это кривость моих рук или это баг или это что?
Как это исправить? Вопрос ппц какой важный, выяснилось это случайно, быстро от модальных окон не отказаться, слишком много на них завязано уже, да и не хотелось бы, в принципе, отказываться.
Это стало полной неожиданностью, не проверялось, так как казалось 100% рабочим решением.
Последний раз редактировалось terrarium volition 2024.03.18, 18:52, всего редактировалось 1 раз.
Re: Modal. GridView. Поле input в модели поиска select2
не кликабельно почему ? может оно уходит под подложку окна, поиграйте с z-index в стилях
-
- Сообщения: 99
- Зарегистрирован: 2021.07.15, 21:22
Re: Modal. GridView. Поле input в модели поиска select2
Не знаю, почему не кликабельно, в этом, собственно, и вопрос.)
Не знаю, как здесь прикрепить фото.
В общем, при наведении на область ввода текста, курсор мыши превращается в курсор текстового ввода, но текст не печатается и курсор не встаёт в поле ввода.
По поводу z-index - не использовал его ранее. Почитал - он используется у элементов, у которых
Посмотрел - у select2 нигде нет такого свойства.... задано позиционирование, например, position: absolute, position: relative или position: fixed. Для элементов с position: static (значение по умолчанию) свойство не будет иметь эффекта
Re: Modal. GridView. Поле input в модели поиска select2
ок идем в документацию
https://demos.krajee.com/widget-details/select2
итого:
итого добавление в модалку
и добавление в select2
решило проблему
но подозреваю что сейчас окажется что вы используете не select2 kartik обертку а чтото другое ?!
https://demos.krajee.com/widget-details/select2
итого:
Код: Выделить всё
<?php
Modal::begin([
'title' => 'Тест Select2',
'toggleButton' => ['label' => 'Показать', 'class' => 'btn btn-primary mb-1'],
'options' => [
'id' => 'kartik-modal',
'tabindex' => false // important for Select2 to work properly
],
'headerOptions' => [
'style' => 'background-color: #337ab7; color: #ffffff;'
]
]);
?>
<?= Select2::widget([
'id' => 'test',
'name' => 'test',
'value' => null,
'data' => Users::USER_TYPE_NAMES,
'pluginOptions' => [
'dropdownParent' => '#kartik-modal'
],
]); ?>
<?php Modal::end(); ?>
Код: Выделить всё
'options' => [
'id' => 'kartik-modal',
'tabindex' => false // important for Select2 to work properly
],
Код: Выделить всё
'dropdownParent' => '#kartik-modal'
но подозреваю что сейчас окажется что вы используете не select2 kartik обертку а чтото другое ?!
Re: Modal. GridView. Поле input в модели поиска select2
не важно что его нет, может у родительного элемента в свойствах какйойто слой перекрывает, ведь выпадающий список с полем висит в воздухе, покопайтесь в инспекторе обьектов в браузере и посмотрите почему не нажимается, и попытайтесь стилями поднять поле ...terrarium volition писал(а): ↑2024.03.18, 14:20 По поводу z-index - не использовал его ранее. Почитал - он используется у элементов, у которых
Посмотрел - у select2 нигде нет такого свойства.
это на случай если ответ выше не подойдет ... ну или кидайте код будем вместе тестировать ... потому что пока идет гадание )
-
- Сообщения: 99
- Зарегистрирован: 2021.07.15, 21:22
Re: Modal. GridView. Поле input в модели поиска select2
Данные манипуляции, действительно, исправляют ситуацию для отдельного select2(да, я пользуюсь kartik), находящегося в модалке.caHek2x писал(а): ↑2024.03.18, 17:10 ок идем в документацию
https://demos.krajee.com/widget-details/select2
итого:и добавление в select2Код: Выделить всё
'tabindex' => false // important for Select2 to work properly ... итого добавление в модалку [code]'options' => [ 'id' => 'kartik-modal', 'tabindex' => false // important for Select2 to work properly ],
решило проблемуКод: Выделить всё
'dropdownParent' => '#kartik-modal'
но подозреваю что сейчас окажется что вы используете не select2 kartik обертку а чтото другое ?!
Но, к сожалению, не помогают для select2, который находится в качестве filterModel внутри GridView.
-
- Сообщения: 99
- Зарегистрирован: 2021.07.15, 21:22
Re: Modal. GridView. Поле input в модели поиска select2
А ещё я засомневался(сейчас не могу проверить), а работает ли такой поиск внутри GridView без модалки.
Может, дело не в модалке, вообще.
До завтра постараюсь прояснить этот момент.
Может, дело не в модалке, вообще.
До завтра постараюсь прояснить этот момент.
-
- Сообщения: 99
- Зарегистрирован: 2021.07.15, 21:22
Re: Modal. GridView. Поле input в модели поиска select2
Да, всё, как и говорил ранее.terrarium volition писал(а): ↑2024.03.18, 18:44 А ещё я засомневался(сейчас не могу проверить), а работает ли такой поиск внутри GridView без модалки.
Может, дело не в модалке, вообще.
До завтра постараюсь прояснить этот момент.
За пределами модалки поле ввода input у select2 filterModel GridView работает, а если поместить GridView внутрь модалки, то не работает.
-
- Сообщения: 99
- Зарегистрирован: 2021.07.15, 21:22
Re: Modal. GridView. Поле input в модели поиска select2
Спасибо за ваше поглядывание и извините, что заставляю ждать.
Я сейчас написал вам портянку с кусками кода.
А потом посмотрел и понял в чём дело
Я не добавил dropdownParent в filter
Код: Выделить всё
$columns[$widget_start]['filter'] = $filter[$widget_pos];
$columns[$widget_start]['filterType'] = $filterType;
$columns[$widget_start]['filterWidgetOptions'] =
[
'options' => ['prompt' => ''],
'pluginOptions' => [
dropdownParent => $idParent
'allowClear' => true,
],
];