Skip to main content

Кнопки

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

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

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

НаименованиеТипОписаниеЗначение по умолчанию
idСтрокаИдентификатор кнопкиВычисляется из action-id
labelСтрокаЗаголовок кнопки
iconCSS классИконка
typetext, icon, iconAndTextКнопка с иконкой или безiconAndText
classCSS классCss класс кнопки
styleCSS свойствоСтиль кнопки
colorprimary, secondary, success, danger, warning, info, light, dark, linkЦвет кнопки
srcСтрокаРеализация кнопки.
descriptionСтрокаОписание при наведении на кнопку
tooltip-positionleft, right, top, bottomПозиция подсказки.

<button2>#

Кнопка.

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
action-idСсылка на действие страницыДействие страницы, которое будет вызвано при нажатии на кнопку
roundedtrue falseКруглая форма кнопкиfalse
validatetrue falseВалидирование форм при нажатии на кнопку.true
validate-datasourcesСписок идентификаторов источников данныхИсточники данных, которые будут валидироватьсяИсточник данных текущего виджета
confirmСтрокаПоказать предупреждение перед выполнением действия.false
confirm-typeСтрокаpopover modalmodal
confirm-textСтрокаТекст предупреждения.
confirm-titleСтрокаЗаголовок окна предупреждения.
confirm-ok-labelСтрокаТекст кнопки подтверждения.
confirm-cancel-labelСтрокаТекст кнопки отмены.
modelresolve filter edit multiМодель, над которой выполнится действие. Если модель пустая, то кнопка будет заблокирована.resolve
visibleСтрокаВидимость по умолчанию.
enabledСтрокаДоступность по умолчанию.
datasourceИдентификатор источника данныхИдентификатор источника данных, над которым будет выполнена операцияИсточник данных текущего виджета
disable-on-empty-modeltrue false autoНедоступность кнопки при пустой модели. true - всегда недоступна,false - всегда доступна, auto - недоступна только при пустой модели resolve, для всех остальных моделей доступна всегда.auto

Тело

Обработчик действия, Зависимости компонента

Пример

<button action-id="create" enabled="{type=='type1'}"/>
<button  label="Добавить в реестр"  icon="fa-plus"  type="icon">  <open-page page-id="register" action-id="create"/></button>
<sub-menu>#

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

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
generateСтрокаГенерация стандартных кнопок.
show-toggle-icontrue falseПоказывать иконку переключателя.true
visibletrue falseУсловие видимости кнопки.true

Пример

<sub-menu>  <menu-item>...</menu-item>  <menu-item>...</menu-item>  <menu-item>...</menu-item></sub-menu>

Тело

Элементы выпадающего меню

<dependencies>#

Зависимости компонента

Пример

<button id="btn">  <dependencies>    ...  </dependencies></button>
<enabling>#

Условие доступности

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
datasourceИдентификатор источника данныхИдентификатор источника данных вычисления условияИсточник данных текущего виджета
modelresolve, filterМодель виджета, по полю которого будет фильтрация
messageСтрокаСообщение о причине недоступности

Тело

Java Script выражение

Пример

<dependencies>  <enabling datasource="main" model="resolve">type.id == 1</enabling>  <!-- Поле доступно, если type.id равен 1 --></dependencies>
<visibility>#

Условие видимости

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
datasourceИдентификатор источника данныхИдентификатор источника данных вычисления условияИсточник данных текущего виджета
modelresolve, filterМодель виджета, по полю которого будет фильтрация

Тело

Java Script выражение

Пример

<dependencies>  <visibility datasource="main" model="resolve">type.id == 1</visibility>  <!-- Поле видимо, если type.id равен 1 --></dependencies>