comboButton

comboButton объединяет кнопку действия с раскрывающимся списком связанных действий.

XML-элемент

comboButton

Java-класс

ComboButton

Основы

ДЕМО

Пример использования comboButton:

<actions>
    <action id="save" text="Save" icon="ARCHIVE"/>
</actions>
<layout>
    <comboButton id="saveButton" action="save">
        <items>
            <textItem id="saveDraftItem" text="Save as draft"/>
            <textItem id="saveCopyItem" text="Save as copy"/>
            <textItem id="savePublishItem" text="Save and publish"/>
        </items>
    </comboButton>
</layout>

Варианты темы

Используйте атрибут themeNames, чтобы применить один или несколько вариантов темы.

Вариант Описание Поддерживается в

primary

Применяет основной стиль кнопки.

Aura, Lumo

tertiary

Применяет стиль кнопки с меньшим визуальным акцентом.

Aura, Lumo

tertiary-inline

Применяет встроенный стиль кнопки для использования внутри текстового содержимого.

Lumo

icon

Уменьшает отступы вокруг значка.

Lumo

small

Уменьшает размер кнопки.

Aura, Lumo

large

Увеличивает размер кнопки.

Aura, Lumo

success

Применяет стиль успеха.

Aura, Lumo

warning

Применяет стиль предупреждения.

Aura, Lumo

error

Применяет стиль ошибки.

Aura, Lumo

contrast

Применяет контрастный стиль.

Lumo

Атрибуты

comboButton имеет следующие уникальные атрибуты:

Имя Описание По умолчанию

action

Связывает действие с компонентом.

—

dropdownIcon

Позволяет установить значок раскрывающегося списка для comboButton.

VaadinIcon.CHEVRON_DOWN

icon

Задаёт значок.

—

openOnHover

Управляет открытием меню при наведении указателя на компонент.

—

overlayClass

Добавляет имена CSS-классов во всплывающий элемент компонента.

—

comboButton имеет следующие общие атрибуты:

id - alignSelf - classNames - colspan - css - enabled - focusShortcut - height - maxHeight - maxWidth - minHeight - minWidth - tabIndex - text - themeNames - title - visible - whiteSpace - width

Обработчики

comboButton имеет следующие уникальные обработчики:

Имя Описание

clickListener

Обрабатывает щелчки по компоненту.

doubleClickListener

Обрабатывает двойной щелчок по компоненту.

singleClickListener

Обрабатывает одиночные щелчки по компоненту.

comboButton имеет следующие общие обработчики:

AttachEvent - BlurEvent - DetachEvent - FocusEvent

Элементы

Компонент comboButton может содержать следующие вложенные элементы: actionItem, componentItem, dropdownIcon, icon, separator, и textItem.