menuFilterField
The menuFilterField component allows users to filter main menu items by their text labels using entered value.
-
XML element:
menuFilterField -
Java class:
MenuFilterField
Basics
Below is an example of using the menuFilterField component in the main view:
<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 | The menu attribute should point to a listMenu component to be filtered. |
| Please note that filtering of horizontalMenu is not supported. |
Attributes
id - alignSelf - ariaLabel - ariaLabelledBy - autofocus - autoselect - classNames - clearButtonVisible - colspan - css - enabled - filterMode - focusShortcut - height - helperText - label - maxHeight - maxWidth - menu - minHeight - minWidth - placeholder - readOnly - tabIndex - themeNames - title - value - valueChangeMode - valueChangeTimeout - visible - width
filterMode
The filterMode attribute sets the filter mode for menuFilterField. It is used to control how the filter behaves when searching for matching items. Here are the possible values for the filter case sensitivity:
-
CASE_SENSITIVE- the filter string case will not be ignored, meaning that the filter will be case-sensitive. -
CASE_INSENSITIVE- the filter string case will be ignored, meaning that the filter will be case-insensitive.