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

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
(Новая страница: «Текст Текстовая область Текст с заполнителем Изображение Календарь Кнопка Радиокнопка...»)
 
 
(не показано 7 промежуточных версий 2 участников)
Строка 1: Строка 1:
Текст
+
 
Текстовая область
+
При добавлении нового визуального компонента на форму в серверной части, отвечающей за логику формы, обязательно добавляется связанный "серверный контрол" в блок '''uiSourceId'''.
Текст с заполнителем
+
 
Изображение
+
Чтобы понять идентификатор (id) этого контрола для дальнейшего использования:
Календарь
+
 
Кнопка
+
* В конструкторе найдите необходимое поле и откройте вкладку "Json" у этого поля
Радиокнопка
+
 
Группа радиокнопок
+
[[Файл:открыть у поля json1.png|слева|700px]]<div style="clear:both;"></div>
Список
+
 
Разделитель
+
* Далее найдите свойство '''"dataSourceId"''' и идентификатор, который используется в данном свойстве и является id данного элемента управления ("серверного контрола")
Выпадающий список
+
 
Флажок
+
 
Меню
+
 
Согласование
+
== Пример json свойств компонента ==
Сегментная кнопка
+
 
Переключатель
+
<div style="width:1400px;>
Текст
+
<syntaxhighlight lang="JSON" line>
Число
+
{
Дата и время
+
  "key": "key1639632008393",
Тэги
+
  "type": "trv-select",
Цвет
+
  "templateOptions": {
Пароль
+
    ...
Скрытый
+
  },
Вкладки
+
  "dataSourceId": 1,
Колонки
+
  "serverModel": {
Аккордеон
+
    ...
Область
+
}
Шапка
+
</syntaxhighlight>
Боковое меню
+
</div>
Раскрывающийся список
+
 
Список параметров
+
{| class="wikitable"
Выбор из списка (TRV)
+
|-
Древовидный список (TRV)
+
! Свойство !! Описание
Загрузка файлов
+
|-
Текстовый редактор
+
| key|| Уникальный идентификатор визуального компонента
HTML
+
|-
Фрейм
+
| type|| Тип визуального компонента
Таблица с данными
+
|-
Динамическая таблица
+
| templateOptions|| Описание визуальных свойств, таких как локализованные наименования, размер и тип для отображения, иконки и прочее
Столбиковая диаграмма
+
|-
Кольцевая диаграмма
+
| dataSourceId|| Идентификатор данного элемента управления с точки зрения "серверной" части формы, отвечающей за логику формы
Комплексная диаграмма
+
|-
Паутина
+
| serverModel|| Описание серверной логики на поле, например, действия выполняемые при нажатии на кнопку, связанные правила видимости/редактируемости поля
Диаграмма с областями
+
|}
Линейная диаграмма
+
 
Пузырьковая диаграмма
+
{{#subpages:}}
Пирог
 
Тренды
 
SVG карта
 
YandexMap
 

Текущая версия на 13:16, 19 апреля 2022

При добавлении нового визуального компонента на форму в серверной части, отвечающей за логику формы, обязательно добавляется связанный "серверный контрол" в блок uiSourceId.

Чтобы понять идентификатор (id) этого контрола для дальнейшего использования:

  • В конструкторе найдите необходимое поле и откройте вкладку "Json" у этого поля
открыть у поля json1.png
  • Далее найдите свойство "dataSourceId" и идентификатор, который используется в данном свойстве и является id данного элемента управления ("серверного контрола")


Пример json свойств компонента

 1 {
 2   "key": "key1639632008393",
 3   "type": "trv-select",
 4   "templateOptions": {
 5     ...
 6   },
 7   "dataSourceId": 1,
 8   "serverModel": {
 9     ...
10 }
Свойство Описание
key Уникальный идентификатор визуального компонента
type Тип визуального компонента
templateOptions Описание визуальных свойств, таких как локализованные наименования, размер и тип для отображения, иконки и прочее
dataSourceId Идентификатор данного элемента управления с точки зрения "серверной" части формы, отвечающей за логику формы
serverModel Описание серверной логики на поле, например, действия выполняемые при нажатии на кнопку, связанные правила видимости/редактируемости поля