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

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
 
(не показано 5 промежуточных версий 1 участника)
Строка 1: Строка 1:
 +
Данный компонент предоставляет возможность вывода многострочного текста.
 +
 
Пример визуального отображения компонента:
 
Пример визуального отображения компонента:
 
   
 
   
[[Файл:Текстовая область.png|обрамить|слева]]
+
[[Файл:Текстовая область пример.jpg|обрамить|слева]]
<br>
 
<br>
 
 
<br>
 
<br>
 
<br>
 
<br>
Строка 9: Строка 9:
 
<br>
 
<br>
 
<br>
 
<br>
<br><br>
 
 
 
<br>
 
<br>
 
 
<br>
 
<br>
Свойства и методы настройки компонента:
+
== Свойства и настройки компонента: ==
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-
Строка 21: Строка 18:
 
| Заголовок || label || строковый || Заголовок компонента
 
| Заголовок || label || строковый || Заголовок компонента
 
|-
 
|-
| Текст заполнитель || placeholder || строковый || Текст заполнитель в компоненте
+
| Отображать || visible || логический|| Флаг, отвечающий за видимость компонента
 +
|-
 +
| Включено || enable || логический || Флаг, отвечающий за доступность компонента
 +
|-
 +
| Текст заполнитель || placeholder || строковый || Текст, который будет выводиться в компоненте
 
|-
 
|-
| Количество строк || row || числовой || Количество строк, которые можно будет ввести
+
| Количество строк || row || числовой || Количество строк, которые можно ввести
 
|-
 
|-
 
| Число символов || maxCount || числовой || Максимальное количество символов, которой можно ввести в компоненте
 
| Число символов || maxCount || числовой || Максимальное количество символов, которой можно ввести в компоненте
 
|-
 
|-
| Значение по умолчанию || defaultValue || строковый || Значение по умолчанию
+
| Обязательное || required || логический || Флаг, включающий обязательность заполнения поля. У заголовка компонента появляется символ *. Если поле не заполнено, то ниже компонента выводится сообщение «Поле обязательно для заполнения»
 
|-
 
|-
| Обязательное || required || логический || Флаг, который указывает на обязательность заполнения
+
| Данные || || || Выбор справочника или отчета в качестве данных для компонента. Можно привязать источник данных - справочник, указать у него нужный атрибут, значение которого будет выводиться в компоненте. Можно выбрать отчет, указать строку/столбец, значение полученной ячейки будет выводиться в компоненте.
 
|-
 
|-
| Источник данных || dataSourceId || числовой || Идентификатор источника, который выбран. Варианты выбора:
+
| Значение по умолчанию || defaultValue || строковый || Значение по умолчанию
- Не выбрано
 
 
 
- Справочник
 
 
 
- Отчет
 
 
 
Если выбран справочник, то необходимо выбрать справочник из репозитория и атрибут справочника. Если выбран отчет, то необходимо выбрать отчет из репозитория.
 
 
|-
 
|-
| Выполнить действие при изменении значения || Текст ячейки || логический || Флаг, который выполняет все действия, в которых участвует данный контрол, при изменении значения в данном контроле
+
| Выполнить действие при изменении значений || doActionOnChangeValue || логический || Флаг "Выполнить действие при изменении значения" активирует в серверной карточке флаг doActionOnChangeValue
 
|-
 
|-
 
| CSS классы для компонента || className || строковый || Описание css классов для компонента
 
| CSS классы для компонента || className || строковый || Описание css классов для компонента
 
|-
 
|-
| Текст ячейки || || Текст ячейки || Текст ячейки
+
| Описание для шаблона || templateDescription || строковый || Описание, которое выводится у компонента в режиме шаблона
 +
|}
 +
 
 +
== Пример. Описание в JSON формы ==
 +
{| class="wikitable"
 
|-
 
|-
| Описание для шаблона || templateDescription || строковый || Описание, которое выводится у компонента в режиме шаблона
+
| <syntaxhighlight lang="JSON" line>
 +
{
 +
      "wrappers": [
 +
        "bs-form-field-inline"
 +
      ],
 +
      "key": "key1617704996718",
 +
      "type": "bs-textarea",
 +
      "templateOptions": {
 +
        "label": "Текстовая область (bs-textarea)",
 +
        "placeholder": "Введите сюда свой текст",
 +
        "row": 5,
 +
        "required": true,
 +
        "maxCount": 1000
 +
      }
 +
    },
 +
</syntaxhighlight>
 
|}
 
|}

Текущая версия на 08:51, 16 сентября 2021

Данный компонент предоставляет возможность вывода многострочного текста.

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

Текстовая область пример.jpg








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

Наименование настройки в интерфейсе Наименование свойства Тип Описание
Заголовок label строковый Заголовок компонента
Отображать visible логический Флаг, отвечающий за видимость компонента
Включено enable логический Флаг, отвечающий за доступность компонента
Текст заполнитель placeholder строковый Текст, который будет выводиться в компоненте
Количество строк row числовой Количество строк, которые можно ввести
Число символов maxCount числовой Максимальное количество символов, которой можно ввести в компоненте
Обязательное required логический Флаг, включающий обязательность заполнения поля. У заголовка компонента появляется символ *. Если поле не заполнено, то ниже компонента выводится сообщение «Поле обязательно для заполнения»
Данные Выбор справочника или отчета в качестве данных для компонента. Можно привязать источник данных - справочник, указать у него нужный атрибут, значение которого будет выводиться в компоненте. Можно выбрать отчет, указать строку/столбец, значение полученной ячейки будет выводиться в компоненте.
Значение по умолчанию defaultValue строковый Значение по умолчанию
Выполнить действие при изменении значений doActionOnChangeValue логический Флаг "Выполнить действие при изменении значения" активирует в серверной карточке флаг doActionOnChangeValue
CSS классы для компонента className строковый Описание css классов для компонента
Описание для шаблона templateDescription строковый Описание, которое выводится у компонента в режиме шаблона

Пример. Описание в JSON формы

 1  {
 2       "wrappers": [
 3         "bs-form-field-inline"
 4       ],
 5       "key": "key1617704996718",
 6       "type": "bs-textarea",
 7       "templateOptions": {
 8         "label": "Текстовая область (bs-textarea)",
 9         "placeholder": "Введите сюда свой текст",
10         "row": 5,
11         "required": true,
12         "maxCount": 1000
13       }
14     },