gridColumnVisibility

gridColumnVisibility - это компонент для управления видимостью столбцов внутри компонента dataGrid. Он позволяет динамически показывать или скрывать столбцы.

  • XML-элемент: gridColumnVisibility

  • Java-класс: JmixGridColumnVisibility

Основы

gridColumnVisibility состоит из кнопки и выпадающего меню со списком столбцов.

grid column visibility

Ниже приведен пример использования gridColumnVisibility в экране списка:

<hbox id="buttonsPanel" classNames="buttons-panel">
    <!-- ... -->
    <gridColumnVisibility dataGrid="stepsTable"
                          icon="COG"
                          themeNames="icon"
                          exclude="duration">
        <menuItem refColumn="name" text="msg://menuItem.text"/>
    </gridColumnVisibility>
</hbox>
<dataGrid id="stepsTable"
          width="100%"
          minHeight="20em"
          dataContainer="stepsDc">
    <columns>
        <column property="name"/>
        <column property="duration"/>
        <column property="sortValue"/>
    </columns>
</dataGrid>

Настройка выпадающего меню

По умолчанию текст элемента меню копируется из заголовка столбца. Вы можете изменить это, используя элемент menuItem.

Например, в предыдущем примере элемент menuItem используется для установки другого локализованного сообщения для столбца name, отличного от того, которое указано в заголовке dataGrid.

include

Атрибут include используется для указания того, какие столбцы следует включить в выпадающее меню gridColumnVisibility.

exclude

Атрибут exclude используется для указания того, какие столбцы следует исключить из выпадающего меню gridColumnVisibility.

Например, в предыдущем примере мы исключили столбец duration из выпадающего меню gridColumnVisibility.

hideAllEnabled

Атрибут hideAllEnabled используется для управления видимостью элемента Hide all в выпадающем меню gridColumnVisibility.

showAllEnabled

Атрибут showAllEnabled используется для управления видимостью элемента Show all в выпадающем меню gridColumnVisibility.

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

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

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

primary

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

Aura, Lumo

tertiary

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

Aura, Lumo

tertiary-inline

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

Lumo

icon

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

Lumo

small

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

Aura, Lumo

large

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

Aura, Lumo

success

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

Aura, Lumo

error

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

Aura, Lumo

contrast

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

Lumo

Атрибуты

id - alignSelf - classNames - colspan - css - dataGrid - enabled - exclude - focusShortcut - height - hideAllEnabled - icon - include - maxHeight - maxWidth - minHeight - minWidth - showAllEnabled - tabIndex - text - themeNames - visible - whiteSpace - width

dataGrid

Устанавливает таблицу, столбцы которой будут управляться этим компонентом. Таблица должна быть экземпляром DataGrid или TreeDataGrid. Атрибут dataGrid является обязательным.

Элементы

menuItem