Платформа 3V/Формы/Компоненты/Верстка/Вкладки

Материал из 3v-wiki
Перейти к навигации Перейти к поиску

Описание

Компонент состоит из двух частей, сначала добавляется группа вкладок (tabset), в fieldGroup перечисляется список вкладок (tab), в вкладке в свойстве fieldGroup перечисляется список компонентов которые выводит эта вкладка

Группа вкладок

Код компонента: tabset

Описание: Добавляет группу вкладок

Свойства:

Код Тип Описание
type string Тип компонента
fieldGroup array Список табов
templateOptions
heightSize number Ширина картинки в px
widthSize number Высота картинки в px

Вкладка

Код компонента: tab

Описание: Добавляет вкладку в группу

Свойства:

Код Тип Описание
type string Тип компонента
fieldGroup array Список компонентов которые будут отображаться во вкладке
templateOptions
tabTitle string Заголовок таба

Пример

Ссылка на живой пример

JSON

{
  "type": "tabset",
  "fieldGroup": [
    {
      "type": "tab",
      "fieldGroup": [],
      "templateOptions": {
        "tabTitle": "Таб 1"
      }
    },
    {
      "type": "tab",
      "fieldGroup": [],
      "templateOptions": {
        "tabTitle": "Таб 2"
      }
    }
  ]
}

Выведет

Компонент Таб.jpg