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

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
Строка 1: Строка 1:
'''Код компонента:''' <code>bs-img</code>  
+
{{DISPLAYTITLE:Изображение}}
 +
'''Изображение''' - поле для вывода графических изображений из источника. </br>
 +
<div class="NavFrame collapsed">
 +
  <div class="NavHead"> Описание настроек компонента</div>
 +
  <div class="NavContent"> </br>
  
'''Описание:''' Выводит изображение из источника
+
{| class="wikitable" style="margin:auto; clear:both;"
 
+
! Название в конструкторе !! Название в JSON !! Допустимый тип !! Что это
'''Свойства:'''
 
{| class="wikitable"
 
|-
 
! Код !! Тип !! Описание
 
 
|-
 
|-
| key || string || Произвольный ключ элемента
+
| Описание для шаблона  || templateDescription || string || Наименования настроенного шаблона компонента. Не отображается на форме.
 
|-
 
|-
| type || string || Тип компонента
+
| Тип ||  type || img, icon || Выбор типа компонента [[Платформа_3V/Формы/Компоненты/Основные/Изображение#Настроить тип|Подробнее]].
 
|-
 
|-
| dataSourceId || number || ID источника данных
+
| Ссылка на изображение/Иконка || value|| string || Ссылка на изображение из внешнего источника или название иконки из [[https://fonts.google.com/icons?selected=Material+Icons Material Icons]]
 
|-
 
|-
| defaultValue || string || Значение по умолчанию
+
| Источник данных || uiDataSource  || int || Создание и выбор источника данных. Для справочника выбирается атрибут. Для отчёта ячейка.
 
|-
 
|-
!colspan="3"| templateOptions
+
| Действия ||  action || шаблон || Создание действий на компонент.
 
|-
 
|-
| heightSize || number || Ширина картинки в px
+
| Правила || enableExpressionIds/visibleExpressionIds || шаблон || Создание правил на компонент. Существуют правила доступности редактирования и видимости.
 
|-
 
|-
| widthSize || number || Высота картинки в px
 
 
|}
 
|}
== Пример ==
+
</br>
'''JSON'''
+
</div></div> </br>
<pre>
+
 
{
+
== Добавить поле ==
  "key": "key1617790900315",
+
Элемент можно добавить через конструктор<br>
  "type": "bs-img",
+
[[Файл:Добавление элемента через конструктор.png]] <br clear="both" /><br>
  "dataSourceId": 1,
+
 
  "defaultValue": "http://placekitten.com/400/300",
+
== Настроить тип ==
  "templateOptions": {
+
В зависимости от типа отображаются либо картинки с внешнего источника, либо иконки. Для типа "Изображение" следует в поле "Ссылка на изображение" указать ссылку на требуемую картинку, а для типа "Иконка" в поле "Иконка" написать название иконки из [https://fonts.google.com/icons?selected=Material+Icons Material Icons].
    "heightSize": 400,
 
    "widthSize": 300,
 
  }
 
}
 
</pre>
 
'''Выведет'''
 
  
[[Файл:Компонент Изображение.jpg]]
+
== Настроить источник данных ==
 +
Для того, чтобы настроить источник данных нужно создать шаблон и настроить его атрибут. [[Платформа_3V/Формы/Источники_данных|Подробнее...]]
 +
<br>
 +
== Настроить действия на изменение значения поля ==
 +
Для того, чтобы настроить действия нужно создать шаблон с определёнными настройками. [[Платформа_3V/Формы/Действия|Подробнее...]]
 +
<br>
 +
== Задать правила видимости и доступности редактирования ==
 +
Для того, чтобы настроить правила нужно создать шаблон с определёнными настройками. [[Платформа_3V/Формы/Правила|Подробнее...]]
 +
<br>
 +
== Настроить права доступа ==
 +
Подробнее о правах доступа можно узнать [[Платформа_3V/Права_доступа/Права_доступа_на_элементы_формы|здесь]].
 +
<br>

Версия 06:27, 11 октября 2021

Изображение - поле для вывода графических изображений из источника.


Добавить поле

Элемент можно добавить через конструктор
Добавление элемента через конструктор.png

Настроить тип

В зависимости от типа отображаются либо картинки с внешнего источника, либо иконки. Для типа "Изображение" следует в поле "Ссылка на изображение" указать ссылку на требуемую картинку, а для типа "Иконка" в поле "Иконка" написать название иконки из Material Icons.

Настроить источник данных

Для того, чтобы настроить источник данных нужно создать шаблон и настроить его атрибут. Подробнее...

Настроить действия на изменение значения поля

Для того, чтобы настроить действия нужно создать шаблон с определёнными настройками. Подробнее...

Задать правила видимости и доступности редактирования

Для того, чтобы настроить правила нужно создать шаблон с определёнными настройками. Подробнее...

Настроить права доступа

Подробнее о правах доступа можно узнать здесь.