20  /  108

Блок для построения строк и колонок

Просмотров: 293 (Статистика ведётся с 06.02.2017)
Александр Суворов
Сложность урока:
4 уровень - сложно, требуется сосредоточится, внимание деталям и точному следованию инструкции.
1
2
3
4
5

GRID - существует три представления блока: блочное, строчное и в виде 2х колонок.

  1. Блочное представление

    "DISPLAY" => "BLOCK" - данные идут друг под другом.

    Доступен ключ WIDTH для указания ширины блока (в пикселях).

    Пример:

    JavaScript:

    {GRID: [
    	{
    		NAME: "Описание",
    		VALUE: "Требуется реализовать возможность добавлять структурированные сущности в сообщения и уведомления мессенджера.",
    		DISPLAY: "BLOCK",
    		WIDTH: 250
    	},
    	{
    		NAME: "Категория",
    		VALUE: "Пожелания",
    		DISPLAY: "BLOCK",
    		WIDTH: 100
    	},
    ]},
    

    PHP:

    Array("GRID" => Array(
        Array(
            "NAME" => "Описание",
            "VALUE" => "Требуется реализовать возможность добавлять структурированные сущности в сообщения и уведомления мессенджера.",
            "DISPLAY" => "BLOCK",
            "WIDTH" => "250"
        ),
        Array(
            "NAME" => "Категория",
            "VALUE" => "Пожелания",
            "DISPLAY" => "BLOCK"
        ),
    )),
    

  2. Строчное представление

    "DISPLAY" => "LINE" - каждый блок идет друг за другом пока не закончится доступное место, после чего переносится на новую строку.

    Доступен ключ WIDTH для указания ширины блока (в пикселях).

    Пример:

    JavaScript:

    {GRID: [
    	{
    		NAME: "Приоритет",
    		VALUE: "Высокий",
    		COLOR: "#ff0000",
    		DISPLAY: "LINE",
    		WIDTH: 250
    	},
    	{
    		NAME: "Категория",
    		VALUE: "Пожелания",
    		DISPLAY: "LINE",
    	},
    ]},
    

    PHP:

    Array("GRID" => Array(
       Array(
          "NAME" => "Приоритет",
          "VALUE" => "Высокий",
          "COLOR" => "#ff0000",
          "DISPLAY" => "LINE",
           "WIDTH" => "250"
       ),
       Array(
          "NAME" => "Категория",
          "VALUE" => "Пожелания",
          "DISPLAY" => "LINE"
       ),
    )), 
    

  3. Представление в виде двух колонок

    "DISPLAY" => "COLUMN" - построение в виде двух колонок.

    Доступен ключ WIDTH для указания ширины первой колонки (в пикселях).

    Начиная с 22 версии REST, в представлении в виде двух колонок можно не передавать один из обязательных параметров NAME или VALUE:
    • если не передать VALUE, то NAME будет на всю ширину таблицы;
    • если не передать NAME, то VALUE будет на всю ширину колонки.

    Пример результата:

Пример:

JavaScript:

{GRID: [
	{
		NAME: "Приоритет",
		VALUE: "Высокий",
		DISPLAY: "COLUMN",
	},
	{
		NAME: "Категория",
		VALUE: "Пожелания",
		DISPLAY: "COLUMN",
	},
]},

PHP:

Array("GRID" => Array(
    Array(
        "NAME" => "Приоритет",
        "VALUE" => "Высокий",
        "DISPLAY" => "COLUMN"
        "WIDTH" => "250"
    ),
    Array(
        "NAME" => "Категория",
        "VALUE" => "Пожелания",
        "DISPLAY" => "COLUMN"
    ),
)),

Для всех видов блоков для построения строк и колонок доступны дополнительные ключи:



Внимание Во всех 3-х представлениях смешивать элементы в рамках одной записи нельзя. Если нужно одновременно использовать блоки разного типа, нужно создавать новый блок:

Пример JavaScript

Пример PHP


0
Курсы разработаны в компании «1С-Битрикс»