GridPanel

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

Description

Сетка - контейнер визуальных элементов, который делит свою рабочую область на строки и столбцы, на пересечении которых располагаются ячейки. Визуально сетка никак не отображается, однако задает правила расположения дочерних элементов. Количество столбцов всегда фиксировано и равно 12, количество строк - неограничено. Ячейки располагаются внутри строки, слева направо, строки следуют сверху вниз. Для каждой ячейки можно задать размер - целое число от 1 до 12 включительно, определяющее то, сколько колонок по горизонтали будет занимать ячейка. Если размеры ячейки не позволяют разместить ее в текущей строке, она и ее содержимое будут перенесены на новую строку. Высота ячейки определяется высотой самого высокого элемента, высота строки определяется высотой самой высокой ячейки данной строки.

Extends

Container

Syntax

new GridPanel(parent)

Parameters

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

Methods

Нет

Events

Нет

GridPanel.metadata

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

Properties

Нет

Examples

//infinni-ui-demo
{
  "Items": [
  //infinni-ui-display-begin
{
  "GridPanel": {
    "Items": [
      {
        "Cell": {
          "ColumnSpan": 6,
          "Items": [
            {
              "Label": {
                "Value": "Row 1, 6 columns"
              }
            }
          ]
        }
      },
      {
        "Cell": {
          "ColumnSpan": 6,
          "Items": [
            {
              "Label": {
                "Value": "Row 1, 6 columns"
              }
            }
          ]
        }
      },
      {
        "Cell": {
          "ColumnSpan": 12,
          "Items": [
            {
              "Label": {
                "Value": "Row 2, 12 columns"
              }
            }
          ]
        }
      }
    ]
  }
}
    //infinni-ui-display-end
  ]
}