Платформа 3V/Формы/Компоненты/Основные/Кнопка: различия между версиями
< Платформа 3V | Формы | Компоненты | Основные
Перейти к навигации
Перейти к поиску
м (O.kozhevnikova переименовал страницу Платформа 3V/Карточка/Компоненты/Основные/Кнопка в Платформа 3V/Формы/Компоненты/Основные/Кнопка) |
|||
Строка 7: | Строка 7: | ||
<br><br> | <br><br> | ||
− | Свойства и методы настройки компонента: | + | == Свойства и методы настройки компонента: == |
− | + | ||
{| class="wikitable" | {| class="wikitable" | ||
|- | |- | ||
Строка 22: | Строка 22: | ||
|- | |- | ||
| Включено || enable || логический || Флаг, отвечающий за доступность кнопки | | Включено || enable || логический || Флаг, отвечающий за доступность кнопки | ||
− | |||
− | |||
|- | |- | ||
| Цвет кнопки || 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
Пример визуального отображения компонента:
Свойства и методы настройки компонента:
Наименование настройки в интерфейсе | Наименование свойства | Тип | Описание |
---|---|---|---|
Заголовок | 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 },
|