Виджет для поля
28 октября 2017 в 16:49
Приветствую. Может кто то подсказать подобный виджет для поля?
Поискал, что то не нашел ничего подобного, только те что слайдом регулируют количество.
Или такое придется самому на js писать?
| Вложение | Размер |
|---|---|
 widget.png | 4.1 КБ |
Go to accepted answer
- Блог
- Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Комментарии
Commerce extra
https://www.drupal.org/sandbox/maxoplata/2856832
+
https://www.drupal.org/search/site/quantity%20spinner?f%5B0%5D=ss_meta_t...
Насколько я понимаю оба этих решения для Commerce? А существует что то подобное для обычных полей?
Дык там скрипт - аттачешь его к чему надо, в 8-ку по умолчанию для numeric работает спинер.
Имеете в виду Максоплату? Что то не пойму как там скачать этот модуль, написано что он в песочнице.
http://www.jqueryscript.net/tags.php?/input%20spinner/
https://stackoverflow.com/questions/26603423/jquery-input-number-spinner
https://jqueryui.com/spinner/
ок, большое спасибо, буду разбираться.
Также ищу решение для такой простой задачи, но никак не могу решить.
Как для поля commerce quantity прилепить этот спиннер.
Куда подключить этот код чтобы он наконец заработал?
В js-файл темы оформления, например
Для друпала 8 как это сделать? Подключил уже библиотеки и input.html.twig обыгрывал, но никак
Решил. Может кому пригодится, потому-что в сети не найти готового решения с пояснением.
Создал шаблон поля ввода input--number.html.twig и поместил в папку темы.
Затем в этом файле внес такие изменения:
{%
set classes = [
'form-control',
'form-number',
]
%}
{% block input %}
{{ attach_library('includes/js/custom-form-elements') }}
<button class="number-btn decrement" type="button" onclick="this.nextElementSibling.stepDown(); this.nextElementSibling.onchange();">-</button>
<input{{ attributes.addClass(classes) }} />
<button class="number-btn increment" type="button" onclick="this.previousElementSibling.stepUp(); this.previousElementSibling.onchange();">+</button>
{% endblock %} {{ children }}
{% endspaceless %}
Появились + и - и теперь можно темизовать с помощью CSS.
Кстати ссылка на подключенную библиотеку не имеет значения. Подключал множество библиотек и все не работали. Не знаю почему. Хотя также объявлял их в файле настройки библиотек.
Этот код будет применяться ко всем инпутам в теме, что не есть хорошо. Реально проще было навесить код через js только на нужный инпут с нужным id
Да, согласен, пробовал другие названия для шаблона но они не цеплялись. Только такой подключился. Но теперь пропала возможность быстрой перемотки значений, когда мышку держишь на кнопке. Чтобы ввести значение 100 например, нужно нажимать 100 раз!!!!
А тут не нужно ничего пробовать, нужно просто включить twig debug и посмотреть suggestions для данного конкретного поля.