Skip to main content

Страницы

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

page

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

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

<simple-page>#

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

Пример

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

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
nameСтрокаНаименование страницыБерётся из виджета
titleСтрокаЗаголовок страницы
html-titleСтрокаЗаголовок вкладки браузераНаименование страницы
routeСтрокаURL страницыФормируется из идентификатора страницы
modal-sizesm lgРазмер модального окна, если страница открыта в модальном окне
show-titletrue falseПоказывать заголовок страницы?false

Тело

Виджет

<page>#

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

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
srcСтрокаРеализация страницы
nameСтрокаНаименование страницы
routeСтрокаURL страницыФормируется из идентификатора страницы
modal-sizesm lgРазмер модального окна, если страница открыта в модальном окне
object-idСсылка на объектГлавный объект страницы

Тело

Список регионов

Пример

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

<left-right-page>#

Страница с двумя регионами.

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
srcСтрокаРеализация страницы
nameСтрокаНаименование страницы
routeСтрокаURL страницыФормируется из идентификатора страницы
modal-sizesm lgРазмер модального окна, если страница открыта в модальном окне
object-idСсылка на объектГлавный объект страницы

Тело

Регионы <left> <right>

Пример

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

<top-left-right-page>#

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

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
srcСтрокаРеализация страницы
nameСтрокаНаименование страницы
routeСтрокаURL страницыФормируется из идентификатора страницы
modal-sizesm lgРазмер модального окна, если страница открыта в модальном окне
object-idСсылка на объектГлавный объект страницы
scroll-top-buttontrue falseПоказывается ли кнопка скролла в начало страницыfalse

Тело

Регионы <top> <left> <right>

Пример

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

<searchable-page>#

Страница с поисковой строкой.

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
srcСтрокаРеализация страницы
nameСтрокаНаименование страницы
routeСтрокаURL страницыФормируется из идентификатора страницы
modal-sizesm lgРазмер модального окна, если страница открыта в модальном окне
object-idСсылка на объектГлавный объект страницы

Тело

Поисковая строка

Пример

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

<regions>#

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

Тело

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

Пример

<regions>  <form>...</form>  <tabs>...</tabs>  <line>...</line>  <panel>...</panel></regions>

<actions>#

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

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
generatecrud, submit, closeГенерация стандартных действий

Пример

<actions generate="save, close">  <action>...</action>  <action>...</action>  <action>...</action></actions>
<action>#

Действие над страницей.

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
idСтрокаИдентификатор действия
nameСтрокаНаименованиеВычисляется по операции объекта
iconCSS классИконка действияВычисляется, если id действия из списка стандартных действий.
hotkeyСочетание клавишГорячая клавиша вызоваВычисляется, если id действия из списка стандартных действий. Например, для save горячая клавиша Enter.
visibletrue falseВидимость действияtrue
enabledtrue falseДоступность действияtrue

Тело

Обработчик действия

Пример

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

<toolbar>#

Меню управляющих кнопок страницы.

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
placetopLeft, topRight, bottomLeft, bottomRight, breadcrumbLeftМесто расположения менюtopLeft
generatecrud, submit, closeГенерация стандартных кнопок

Пример

<toolbar place="topLeft" generate="submit, close">  <group>...</group>  <button>...</button>  <sub-menu>...</sub-menu></toolbar>

<left> <right>#

Регионы <left-right-page>.

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
widthСтрокаШирина региона

Пример

<left width="40%">...</left><right width="60%">...</right>

Тело

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

<top> <left> <right>#

Регионы <top-left-right-page>.

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
widthСтрокаШирина региона
fixedtrue falseЗафиксирован ли регион. Фиксироваться может максимум 2 региона из 3false
offsetЧислоОтступ от верхней границы при фиксировании

Пример

<top fixed="true" offset="100">...</top><left width="40%">...</left><right fixed="true" width="60%" offset="100">...</right>

Тело

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

<search-bar>#

Поисковая строка.

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
classСтрокаCSS класс стилей
placeholderСтрокаПодсказка для ввода
search-widget-idСтрокаИдентификатор виджета для которого производится поискГлавный виджет страницы
search-filter-idСтрокаИдентификатор фильтра
search-paramСтрокаПараметр поискаИдентификатор виджета + Идентификатор фильтра (table_name)

Пример

<search-bar button-label="Искать" search-widget-id="main" search-filter-id="name"/>
<button>#

Кнопка

<sub-menu>#

Кнопка с выпадающим меню

<link>#

Ссылка

<menu-item>#

Пункт выпадающего меню.

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
action-idСсылка на действие виджетаДействие виджета, которое будет вызвано при нажатии на кнопку
labelСтрокаЗаголовок пункта менюВычисляется из action-id
iconCSS классИконка пункта менюВычисляется из action-id
classCSS классCSS класс пункта меню
styleCSS свойствоСтиль пункта меню

Пример

<menu-item action-id="create"/>
<menu-item label="Удалить запись" icon="fa-trash">  <invoke operations-id="delete"/></menu-item>
<group>#

Группа кнопок.

Тело

Список кнопок или кнопок с выпадающим меню

Пример

<group>    <button>...</button>    <sub-menu>...</sub-menu></group>

Регионы#

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

http://n2oapp.net/framework/config/schema/region-2.0

Базовые свойства#

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
idСтрокаИдентификатор регионаМестоположение региона на странице + порядковый номер
placeСтрокаМестоположение региона на странице
srcReact компонентРеализация регионаДля каждого вида региона своё значение по умолчанию
classCSS классCSS класс панели
styleCSS свойствоСтиль панели

<tabs>#

Регион в виде вкладок.

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
always-refreshtrue falseВозможность обновления данных при переключении между вкладкамиfalse
lazytrue falseЛенивая загрузка вкладокtrue
active-paramСтрокаИмя параметра активной вкладки в URL
routabletrue falseВосстановление активных вкладок по URLtrue
hide-single-tabtrue falseСкрытие единственной доступной вкладки и отображение только ее содержимогоfalse
max-heightСтрокаМаксимальная высота содержимого вкладок
scrollbartrue falseОтображение полосы прокруткиfalse

Пример

<tabs always-refresh="true">  <tab> <!-- Первая вкладка -->    ...  </tab>  <tab> <!-- Вторая вкладка -->    ...  </tab></tabs>

<tab>#

Вкладка.

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
idСтрокаИдентификатор вкладки
nameСтрокаНаименование вкладки

Пример

<tab id="tab1" name="Вкладка">  <form/>  <panel/>  <table/></tab>

Тело

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

<line>#

Регион с горизонтальным делителем.

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
labelСтрокаЗаголовок региона
collapsibletrue falseВозможность раскрытия и сворачивания регионаtrue
has-separatortrue falseНаличие горизонтального делителяtrue
expandtrue falseИсходное раскрытие регионаtrue

Пример

<line collapsible="true" label="Line1">  <table/>  <panel/>  <form/></line>

Тело

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

<panel>#

Регион в виде панелей.

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
titleСтрокаЗаголовок
collapsibletrue falseВозможность раскрытия и сворачивания содержимого панелиtrue
headertrue falseНаличие заголовкаtrue
iconCSS классКласс иконки
colorСтрокаСтиль панели
opentrue falseРаскрытие панелиtrue
footer-titleСтрокаЗаголовок для подвала региона

Пример

<panel collapsible="true" class="bg-primary">  <form/>  <line/>  <table/></panel>

Тело

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

<region>#

Кастомный регион.

Пример

<region>  <table/>  <tabs/>  <form/></region>

Тело

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