Panel

Контейнер в виде прямоугольной области.

Description

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

Extends

Container

Syntax

new Panel(parent)

Parameters

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

Methods

Name Description
getCollapsible Возвращает значение, определяющее, разрешено ли сворачивание панели
setCollapsible Устанавливает значение, определяющее, разрешено ли сворачивание панели
getCollapsed Возвращает значение, определяющее, свернута ли панель
setCollapsed Устанавливает значение, определяющее, свернута ли панель
getHeaderTemplate Возвращает функцию шаблонизации заголовка панели
setHeaderTemplate Устанавливает функцию шаблонизации заголовка панели
getHeader Возвращает заголовок панели
setHeader Устанавливает заголовок панели
getCollapseChanger Возвращает имя элемента, при клике на который раскрывается панель
setCollapseChanger Устанавливает имя элемента, при клике на который раскрывается панель

Events

Name Description
onExpanding Устанавливает обработчик события о том, что панель разворачивается
onExpanded Устанавливает обработчик события о том, что панель была развернута
onCollapsing Устанавливает обработчик события о том, что панель сворачивается
onCollapsed Устанавливает обработчик события о том, что панель была свернута

Panel.metadata

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

Properties

Name Type Default Description
Collapsible Boolean false Значение, определяющее, разрешено ли сворачивание панели
Collapsed Boolean false Значение, определяющее, свернута ли панель
HeaderTemplate Element – Шаблон отображения заголовка панели
Header String/BindingMetadata – Заголовок панели
CollapseChanger String – Имя элемента, при нажатии на который панель будет сворачиваться/разворачиваться.
OnExpanding Script – Обработчик события о том, что панель разворачивается
OnExpanded Script – Обработчик события о том, что панель была развернута
OnCollapsing Script – Обработчик события о том, что панель сворачивается
OnCollapsed Script – Обработчик события о том, что панель была свернута

Examples

//infinni-ui-demo
{
  "Items": [
  //infinni-ui-display-begin
{
  "Panel": {
    "Collapsible": true,
    "Header": "Numbers",
    "OnExpanded": "{ alert('Panel is expanded!'); }",
    "OnCollapsed": "{ alert('Panel is collapsed!'); }",
    "Items": [
      {
        "Label": {
          "Value": "One"
        }
      },
      {
        "Label": {
          "Value": "Two"
        }
      },
      {
        "Label": {
          "Value": "Three"
        }
      }
    ]
  }
}
    //infinni-ui-display-end
  ]
}

See Also