Panel¶

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

Description¶

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

Extends¶

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¶

Container