Страницы

Тип метаданных

page

Библиотека компонентов

http://n2oapp.net/framework/config/schema/page-4.0

Настройки

# Показывать заголовок
n2o.api.page.show_title = false

Виды страниц

<simple-page>

Страница с единственным виджетом

Атрибуты

Наименование	Тип	Описание	Значение по умолчанию
name	Строка	Наименование страницы. Возможно использование плейсхолдеров	Значение page-name действия открытия страницы
title	Строка	Заголовок страницы. Возможно использование плейсхолдеров
show-title	true false	Отображение заголовка страницы	false
html-title	Строка	Заголовок вкладки браузера. Возможно использование плейсхолдеров	Значение name страницы
route	Строка	URL страницы
model	resolve edit filter multi datasource	Модель данных страницы	resolve
src	Строка	React компонент страницы
class	Строка	CSS класс страницы
style	Строка	СSS стиль страницы

Тело

Виджет
<breadcrumbs> - Хлебные крошки

Пример

<?xml version='1.0' encoding='UTF-8'?>
<simple-page xmlns="http://n2oapp.net/framework/config/schema/page-4.0"
             name="Моя страница">
    <breadcrumbs>...</breadcrumbs>
    <form>...</form>
</simple-page>

<page>

Страница с регионами

Атрибуты

Наименование	Тип	Описание	Значение по умолчанию
name	Строка	Наименование страницы. Возможно использование плейсхолдеров	Значение page-name действия открытия страницы
title	Строка	Заголовок страницы. Возможно использование плейсхолдеров
show-title	true false	Отображение заголовка страницы	false
html-title	Строка	Заголовок вкладки браузера. Возможно использование плейсхолдеров	Значение name страницы
route	Строка	URL страницы
datasource	Ссылка на источник данных	Идентификатор источника данных страницы
model	resolve edit filter multi datasource	Модель данных страницы	resolve
src	Строка	React компонент страницы
class	Строка	CSS класс страницы
style	Строка	СSS стиль страницы

Тело

<regions> - Регионы страницы
<breadcrumbs> - Хлебные крошки
<datasources> - Источники данных страницы
<toolbar> - Меню управляющих кнопок страницы
<actions> - Встроенные действия страницы
<events> - События страницы

Пример

<?xml version='1.0' encoding='UTF-8'?>
<page xmlns="http://n2oapp.net/framework/config/schema/page-4.0"
      name="Моя страница">
    <regions>...</regions>
    <breadcrumbs>...</breadcrumbs>
    <datasources>...</datasources>
    <toolbar>...</toolbar>
    <actions>...</actions>
    <events>...</events>
</page>

<regions>

Регионы страницы

Тело

Список регионов
Список виджетов

Источники данных

<datasources>

Тело

Источники данных

Пример

<page>
    <datasources>
        <datasource id="ds">...</datasource>
    </datasources>
</page>

Меню управляющих кнопок

<toolbar>

Меню управляющих кнопок

Настройки

# Место расположения меню управляющих кнопок страницы
n2o.api.page.toolbar.place = bottomRight

Пример

<page>
    <toolbar place="topLeft">
        <group>...</group>
        <button>...</button>
        <sub-menu>...</sub-menu>
    </toolbar>
</page>

Действия, заданные на странице

<actions>

Тело

<action> - Действие страницы

Пример

<actions>
    <action id="act1">...</action>
    <action id="act2">...</action>
    <action id="act3">...</action>
</actions>

<action>

Действие страницы

Атрибуты

Наименование	Тип	Описание	Обязательность
id	Строка	Идентификатор действия	!

Тело

Список действий

Пример

<action id="save">
    <invoke
        operation-id="update"
        model="edit"
        confirm="false"/>
    <open-page page-id="test"/>
</action>

Хлебные крошки

<breadcrumbs>

Настройки

# Добавление навигационной цепочки на страницу
n2o.api.page.breadcrumbs = true

Тело

<crumb> - Хлебная крошка

note

При отсутствии дочерних элементов хлебные крошки страницы будут построены в режиме по умолчанию

Пример

<breadcrumbs>
    <crumb label="Первая страница" path="/"/>
    <crumb label="Вторая страница" path="/test"/>
    <crumb label="Третья страница"/>
</breadcrumbs>

Подробнее о хлебных крошках

<crumb>

Хлебная крошка

Атрибуты

Наименование	Тип	Описание	Обязательность
label	Строка	Название хлебной крошки. Возможно использование плейсхолдеров	!
path	Строка	Путь для перехода по хлебной крошке

Пример

<crumb label="Домашняя страница" path="/"/>
<crumb label="Первая страница" path="../"/>
<crumb label="Пользователь {name}" path="/:id/open"/>

События страницы

<events>

События, отслеживаемые на странице

Тело

<on-change> - Событие, срабатывающее при изменении модели данных

Пример

<events>
    <on-change>...</on-change>
    <on-change>...</on-change>
</events>