Vaadin 14: выпадающий значок выпадающего списка Exchange

#vaadin #vaadin-flow

#vaadin #vaadin-поток

Вопрос:

В приложении Vaadin 14 я хотел обменять этот стандартный значок в выпадающем списке:

Выпадающий список Vaadin со стандартным значком

на другой значок (и достиг цели, но я думаю, что мой способ не самый лучший / приятный).

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

Пользователь может добавить новое значение в список, выбрав новое значение в поле со списком ниже.

Чтобы заменить стандартный значок со списком ( --lumo-icons-dropdown = ea18 стрелка, указывающая вниз) на значок плюса, я использовал этот код: combobox.getElement().getStyle().set("--lumo-icons-dropdown", ""\ea23""); (да, все кавычки и обратная косая черта, как показано)

Это работает нормально (как вы можете видеть на скриншоте), но кажется неправильным перезаписывать значок.

Есть ли другой (лучший) способ обменять стандартный выпадающий значок в выпадающем списке Vaadin на другой значок?

Комментарии:

1. Я бы не сказал, что это неверно каким-либо существенным образом. Возможно, мы не рассматривали это как основной способ изменения значков (на данный момент у нас нет основного способа, который нам нужно решить в будущем), но он работает и прост.

2. ОК. Спасибо за информацию о том, что не существует «официального» основного способа. Тогда я оставлю все как есть и не буду искать альтернативу. 🙂

3. Примечание: я бы применил класс CSS к combobox и использовал (не жестко запрограммированный) CSS, используя класс CSS в качестве селектора для изменения значка. Упрощает последующую адаптацию значка.