Что лучше всего использовать для создания списка select с картинками?

Question

[Игорь]

Что лучше всего использовать для создания списка select с картинками?
В сети нашел модули "select_icons" и "Icon Select". Есть еще различные плагины на jQuery и js.
Попытался использовать select_icons, но список иногда разваливается, а иногда вообще не срабатывает и выглядит как обычный.
Что работает стабильно?

Answer 1

[Aleks Front]

select2 стабильнее вроде нечего нету . Большая аудитория, много чего можно подсмотреть на stackoverflow, вообщем не пропадете :)

Comments

[Игорь]

Мерси! Попробую!

[Игорь]

Подождите... Он только для Drupal7. У меня версия Drupal8...

[Aleks Front]

Он вообще к drupal ни как не привзяан ))) Это jquery плагин )

[Игорь]

Просто поискав, нашел модуль. Ну, тогда супер! Буду раскуривать))

[Aleks Front]

В друпале как и в любой другой cms - чем меньше модулей Вы используете, тем лучше. А тут только прикрутка JQeury плагина, ради этого целый модуль добавлять, Вы же когда кушаете суп не достаете весь набор ( ложка, вилка, ножик, паловник, лапатка и т.д.) достаточно только ложки :) Успехов.

[Игорь]

А как Widget можно на его базе сделать?
Установил с помощью команды composer require select2/select2

В widget для formElement пишу:

. . . 
  $element += [
      '#type' => 'select2',
      '#default_value' => isset($items[$delta]->value) ? $items[$delta]->value : '',
      '#size' => 1,
      '#maxlength' => 255,
    '#options' => $options,
    '#options_attributes' => $options_attributes,
    '#empty' => $this->t('No currencies found'),
      '#element_validate' => [
        [$this, 'CurrencyValidation'],
      ],
    ];
. . .

[Aleks Front]

Игорь, это уже другой вопрос ) к сожалению бекендом уже пару лет как не занимаюсь

[Aleks Front]

Но сделал бы так. Выводишь селект с option( data-icon ) и на данный селект вешаешь определенный класс, что то типа .select2-icons и уже на него вешаешь js с форматированием данного селекта с учетом настроек select2

[Игорь]

Aleksandr | netpix.pro, в любом случае спасибо! Уже понемногу начало получаться)

Answer 2

[andead]

jQuery UI Selectmenu

Comments

[Игорь]

Как можно на его основе сделать, чтобы widget отражался с картинками?

[andead]

Игорь, ссылка ведёт прямо на демо селекта с картинками

[Игорь]

Да, я увидел, но я не понимаю, что я должен сделать с Drupal, чтобы появился такой список... Как этот плагин будет влиять на мой widget, где сейчас следующее:

В widget для formElement пишу:

. . . 
  $element += [
      '#type' => 'select',
      '#default_value' => isset($items[$delta]->value) ? $items[$delta]->value : '',
      '#size' => 1,
      '#maxlength' => 255,
    '#options' => $options,
    '#options_attributes' => $options_attributes,
    '#empty' => $this->t('No currencies found'),
      '#element_validate' => [
        [$this, 'CurrencyValidation'],
      ],
    ];
. . .