TabPanel

Контейнер в виде набора закладок.

Description

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

Extends

Container

Syntax

new TabPanel(parent)

Parameters

Name Type Description
parent Element Родительский элемент

Methods

Name Description
getHeaderLocation Возвращает расположение закладок
setHeaderLocation Устанавливает расположение закладок
getHeaderTemplate Возвращает функцию шаблонизации закладок дочерних элементов панели
setHeaderTemplate Устанавливает функцию шаблонизации закладок дочерних элементов панели
getSelectedItem Возвращает выделенный дочерний элемент панели
setSelectedItem Устанавливает выделенный дочерний элемент панели

Events

Name Description
onSelectedItemChanged Устанавливает обработчик события о том, что выделенный элемент изменился

TabPanel.metadata

Метаданные типа TabPanel.

Properties

Name Type Default Description
HeaderLocation TabHeaderLocation ‘Top’ Расположение закладок
OnSelectedItemChanged Script – Обработчик события о том, что выделенный элемент изменился

Examples

//infinni-ui-demo
{
  "Items": [
  //infinni-ui-display-begin
{
  "TabPanel": {
    "HeaderLocation": "Top",
    "OnSelectedItemChanged": "{ console.log(args.getText()); }",
    "Items": [
      {
        "TabPage": {
          "Text": "Page1",
          "Items": [
            {
              "Label": {
                "Value": "Content of Page1"
              }
            }
          ]
        }
      },
      {
        "TabPage": {
          "Text": "Page2",
          "Items": [
            {
              "Label": {
                "Value": "Content of Page2"
              }
            }
          ]
        }
      }
    ]
  }
}
    //infinni-ui-display-end
  ]
}