Платформа 3V/Формы/Компоненты/Основные/Кнопка: различия между версиями
< Платформа 3V | Формы | Компоненты | Основные
Перейти к навигации
Перейти к поиску
| Строка 21: | Строка 21: | ||
| Положение иконки || || || Выбор положения иконки | | Положение иконки || || || Выбор положения иконки | ||
|- | |- | ||
| − | | Отображать || visible || логический || Флаг, отвечающий за видимость | + | | Отображать || visible || логический || Флаг, отвечающий за видимость компонента |
|- | |- | ||
| − | | Включено || enable || логический || Флаг, отвечающий за доступность | + | | Включено || enable || логический || Флаг, отвечающий за доступность компонента |
|- | |- | ||
| Цвет кнопки || addClass || строковый || Выбор цвета кнопки через задание css класса | | Цвет кнопки || addClass || строковый || Выбор цвета кнопки через задание css класса | ||
Версия 10:26, 8 апреля 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 },
|