Контейнер вкладок

Назначение

Контейнер вкладок - невидимая компонента-контейнер позволяет экономно и эффективно организовать отображение на одном и том же месте экранного интерфейса разного набора визуальных компонентов, используя режим переключения вкладок, при котором выбранная пользователем вкладка отображается поверх других вкладок, не занимая дополнительного места на web странице и закрывая своим содержимым содержимое других вкладок.

Используется для оптимизации расположения визуальных компонент в интерфейсе системы, обеспечивая возможность группировки и логического объединения компонент в определенных зонах web-страницы и общее эстетическое и интуитивное восприятие экранного интерфейса пользователем системы.

Компонента Контейнер вкладок обязательно должна содержать в своем составе несколько компонент Вкладка, на которых располагаются прочие визуальные компоненты, позволяющие пользователю взаимодействовать с системой.

Компонента Контейнер вкладок находится в разделе Компоненты - Контейнеры - Контейнер вкладок

Свойства

Компонента имеет набор общих свойств и подгрузка данных по умолчанию. Ниже отображены свойства, специфичные только для данной компоненты.

Наименование свойства Назначение свойства Принимаемые значения
Цикличность вкладок (isLoopTabs) Значения True или False

Методические рекомендации по применению

Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:

Часто задаваемые вопросы

Вопрос Ответ
Можно ли вложить Контейнер вкладок в другие контейнеры? Да, может быть вложен в Вертикальный или Горизонтальный контейнеры
Как сделать Контейнер вкладок из горизонтального вертикальным? Для этого необходимо задать css класс “tab-menu” для TabContainer
Как выбрать вкладку в Контейнере вкладок по названию/номеру? Нужно использовать методы Контейнера вкладок “Сделать вкладку активной по заголовку”, “Сделать вкладку активной по индексу” в компоненте Обработка событий. Для выбора вкладки по индексу следует учитывать, что индекс вкладок начинается с 0 (первая по счету вкладка имеет индекс 0)
Можно ли расположить визуальные компоненты сразу в Контейнере вкладок, а не в компоненте Вкладка? Можно, но тогда Контейнер вкладок ничем не будет отличаться от Вертикального контейнера
Чем отличается функциональность набора свойств (Видимость, Обязательность, Недоступно для управления, Подлежит сохранению) у компоненты-контейнера от функциональности одноименных свойств обычной компоненты? Функциональность набора свойств (Видимость, Обязательность, Недоступно для управления, Подлежит сохранению) у компоненты-контейнера отличается от функциональности одноименных свойств у обычной компоненты тем, что значение указанных свойств наследуется с компоненты-контейнера на все компоненты, входящие в состав такой компоненты-контейнера. Правила наследования таковы, что если у вложенного объекта соответствующее свойство выставлено в значение Истина, то оно следует судьбе этого же свойства у компоненты-контейнера, если же значение соответствующего свойства у вложенной компоненты Ложь, то наследования значения этого свойства от компоненты-контейнера не происходит, компонента функционирует в соответствии с собственными настройками.

CSS классы

Название класса css Описание
tab-menu класс присваивается компоненте TabContainer, делает его вертикальным
menu-header класс присваивается компоненте TabItem (подзаголовок меню) при необходимости визуально выделить элемент меню