menuFilterField
Компонент menuFilterField фильтрует пункты главного меню по текстовым подписям.
XML-элемент |
|
|---|---|
Java-класс |
|
Основы
Разместите menuFilterField на главном экране и укажите в обязательном атрибуте menu идентификатор фильтруемого listMenu. По мере ввода поле ограничивает видимые пункты меню в соответствии с настроенным filterMode:
<menuFilterField placeholder="Search..."
classNames="ms-s me-s"
menu="menu"/> (1)
<nav id="navigation"
classNames="jmix-main-view-navigation"
ariaLabel="msg://navigation.ariaLabel">
<listMenu id="menu"/>
</nav>| 1 | Ссылается на компонент listMenu, который предоставляет элементы для фильтрации. |
| Компонент не поддерживает фильтрацию horizontalMenu. |
Варианты темы
Используйте атрибут themeNames, чтобы настроить внешний вид компонента.
| Вариант | Описание | Поддерживается в |
|---|---|---|
|
Выравнивает значение поля по левому краю. |
Aura, Lumo |
|
Выравнивает значение поля по центру. |
Aura, Lumo |
|
Выравнивает значение поля по правому краю. |
Aura, Lumo |
|
Выравнивает значение поля по начальной стороне с учетом текущего направления текста. |
Aura |
|
Выравнивает значение поля по конечной стороне с учетом текущего направления текста. |
Aura |
|
Размещает вспомогательный текст над полем, под меткой. |
Aura, Lumo |
|
Уменьшает размер компонента. |
Aura, Lumo |
Атрибуты
menuFilterField имеет следующие уникальные атрибуты:
| Имя | Описание | По умолчанию |
|---|---|---|
Определяет, учитывается ли при сопоставлении регистр. |
|
|
Ссылается на фильтруемый компонент |
— |
|
Отображает кнопку очистки текущего значения. |
|
|
Выделяет всё значение при получении полем фокуса. |
|
menuFilterField имеет следующие общие атрибуты:
id - label - placeholder - helperText - value - autofocus - readOnly - enabled - valueChangeMode - valueChangeTimeout - focusShortcut - tabIndex - themeNames - visible - width - height - minWidth - maxWidth - minHeight - maxHeight - alignSelf - colspan - classNames - css - ariaLabel - ariaLabelledBy - title