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

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
Строка 7: Строка 7:
 
<br><br>
 
<br><br>
  
Свойства и методы настройки компонента:
+
== Свойства и методы настройки компонента: ==
{| class="wikitable"
+
 
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-
Строка 22: Строка 22:
 
|-
 
|-
 
| Включено || enable || логический || Флаг, отвечающий за доступность кнопки
 
| Включено || enable || логический || Флаг, отвечающий за доступность кнопки
|-
 
| Значение по умолчанию || defaultValue || строковый || Значение по умолчанию
 
 
|-
 
|-
 
| Цвет кнопки || addClass || строковый || Выбор цвета кнопки через задание css класса  
 
| Цвет кнопки || addClass || строковый || Выбор цвета кнопки через задание css класса  
Строка 38: Строка 36:
 
|-
 
|-
 
| Описание для шаблона || templateDescription || строковый || Описание, которое выводится у компонента в режиме шаблона
 
| Описание для шаблона || templateDescription || строковый || Описание, которое выводится у компонента в режиме шаблона
 +
|}
 +
 +
== Пример. Описание таблицы в JSON формы ==
 +
{| class="wikitable"
 +
|-
 +
| <syntaxhighlight lang="JSON" line>
 +
{
 +
      "key": "key1617703631217",
 +
      "type": "bs-button",
 +
      "dataSourceId": 2,
 +
      "templateOptions": {
 +
        "visible": true,
 +
        "addClass": "btn-primary",
 +
        "label": "Пример кнопки (сохранение данных)"
 +
      }
 +
    },
 +
</syntaxhighlight>
 
|}
 
|}

Версия 12:13, 7 апреля 2021

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

Кнопка.jpg







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

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

Пример. Описание таблицы в 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     },