Платформа 3V/Формы/Компоненты/Основные/Кнопка: различия между версиями

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
Строка 38: Строка 38:
 
|-
 
|-
 
| Описание для шаблона || templateDescription || строковый || Описание, которое выводится у компонента в режиме шаблона
 
| Описание для шаблона || templateDescription || строковый || Описание, которое выводится у компонента в режиме шаблона
 +
|}
 +
 +
== Действия bType: ==
 +
 +
{| class="wikitable"
 +
|-
 +
! Код !! Описание !! Свойства !! Тип !! Описание
 +
|-
 +
| rowspan="2" | linkButton || rowspan="2" | Переход по ссылке || href || строковый || Ссылка
 +
|-
 +
| target || строковый || Тип открытия ссылки (например: <code>_blank</code> откроет в новой вкладке)
 
|}
 
|}
  
 
== Пример. Описание в JSON формы ==
 
== Пример. Описание в JSON формы ==
 +
[https://3v.3v-group.net/navigator/#/home?viewId=54789 Ссылка на живой пример]
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-

Версия 01:42, 25 мая 2021

Компонент представляет собой командную кнопку, с помощью которой пользователь может вызывать выполнение какого-либо действия.

Пример визуального отображения компонента:

Кнопка.jpg







Свойства и настройки компонента:

Наименование настройки в интерфейсе Наименование свойства Тип Описание
Заголовок label строковый Заголовок компонента
Иконка faIcon строковый Иконка
Положение иконки Выбор положения иконки
Отображать visible логический Флаг, отвечающий за видимость компонента
Включено enable логический Флаг, отвечающий за доступность компонента
Цвет кнопки addClass строковый Выбор цвета кнопки через задание css класса
Высота Высота кнопки
Размер size строковый Размер кнопки
isSelector isSelector логический Размер кнопки
Подсказка Вывод подсказки при на видении курсора мыши на кнопку
CSS классы для компонента className строковый Описание css классов для компонента
Описание для шаблона templateDescription строковый Описание, которое выводится у компонента в режиме шаблона

Действия bType:

Код Описание Свойства Тип Описание
linkButton Переход по ссылке href строковый Ссылка
target строковый Тип открытия ссылки (например: _blank откроет в новой вкладке)

Пример. Описание в JSON формы

Ссылка на живой пример 

 1  {
 2       "key": "key1617703631217",
 3       "type": "bs-button",
 4       "dataSourceId": 2,
 5       "templateOptions": {
 6         "visible": true,
 7         "addClass": "btn-primary",
 8         "label": "Пример кнопки (сохранение данных)"
 9       }
10     },
Источник — https://wiki.3v-group.net/index.php?title=Платформа_3V/Формы/Компоненты/Основные/Кнопка&oldid=2422