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

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
Строка 1: Строка 1:
−
{}
+
{{DISPLAYTITLE:Текстовое поле}}
−
'''Текстовое поле''' - поле ввода коротких текстовых значений.  
+
'''Текстовое поле''' () - поле ввода коротких текстовых значений.  
 
<div class="NavFrame collapsed">
 
<div class="NavFrame collapsed">
 
   <div class="NavHead"> Описание настроек компонента</div>
 
   <div class="NavHead"> Описание настроек компонента</div>
Строка 6: Строка 6:
  
 
{| class="wikitable" style="margin:auto; clear:both;"
 
{| class="wikitable" style="margin:auto; clear:both;"
−
! Название в конструкторе !! Название в JSON !! Допустимый тип !! Что это
+
! Название в конструкторе !! Название в JSON !! Допустимый тип !! Описание
 
|-
 
|-
 
| Описание для шаблона  || templateDescription || string || Наименования настроенного шаблона компонента. Не отображается на форме.
 
| Описание для шаблона  || templateDescription || string || Наименования настроенного шаблона компонента. Не отображается на форме.
−
|-
 
−
| Размер ||  size  || small, default,<br> medium, large || Выбор размера компонента. [[Платформа_3V/Формы/Компоненты/Основные/Текстовое_поле#Изменить размер поля|Подробнее]].
 
 
|-
 
|-
 
| Заголовок  || localizedText. defaultValue  || string || Заголовок компонента. Располагается над компонентом.
 
| Заголовок  || localizedText. defaultValue  || string || Заголовок компонента. Располагается над компонентом.
Строка 16: Строка 14:
 
| Подсказка ||  localizedHint.defaultValue || string || Текст всплывающей подсказки. Подсказка всплывает при наведении на компонент
 
| Подсказка ||  localizedHint.defaultValue || string || Текст всплывающей подсказки. Подсказка всплывает при наведении на компонент
 
|-
 
|-
−
| Текст заполнитель || placeholder  || string || Текст, который отображается в компоненте до того, как пользователь начал с ним взаимодействовать.
+
| Тип || type || main, basic,<br> text||  
 
|-
 
|-
−
| Префикс ||  prefix || string || Строка, которая ставится в начало введённого значения.  
+
| Размер ||  size  || small, default,<br> medium, large || Выбор размера компонента. [[Платформа_3V/Формы/Компоненты/Основные/Кнопка#Изменить размер кнопки|Подробнее...]].
 
|-
 
|-
−
| Маска ввода ||  mask || string || Шаблон ввода значения. Работает только при введении цифр.
+
| Иконка ||  faIcon || string ||
 
|-
 
|-
−
| Отобразить маску ввода ||  showMaskTyped || bool || Флаг, при включении которого маска ввода будет отображаться до взаимодействия пользователя с компонентом.
+
| Расположение иконки ||  iconPosition|| left, right||
−
|-
 
−
| Обязательное || hasNullableValue  || bool || Флаг, при включении которого поле будет обязательным для заполнения.
 
 
|-
 
|-
 
| Включено || enable  || bool || Флаг, при выключении которого с компонентном нельзя будет взаимодействовать.
 
| Включено || enable  || bool || Флаг, при выключении которого с компонентном нельзя будет взаимодействовать.
 
|-
 
|-
 
| Отображать ||  visible || bool || Флаг, при включении которого компонент будет отображаться на форме
 
| Отображать ||  visible || bool || Флаг, при включении которого компонент будет отображаться на форме
−
|-
 
−
| Источник данных || uiDataSource  || int || Создание и выбор источника данных. Для справочника выбирается атрибут. Для отчёта ячейка.
 
 
|-
 
|-
 
| Выполнить действие <br>при изменении значения ||  doActionOnChangeValue || bool || Флаг, включении которого изменение в компоненте будет сохраняться автоматически
 
| Выполнить действие <br>при изменении значения ||  doActionOnChangeValue || bool || Флаг, включении которого изменение в компоненте будет сохраняться автоматически
Строка 42: Строка 36:
 
</div></div> </br>
 
</div></div> </br>
  
−
== Добавить поле ==
+
== Добавить кнопку ==
 
Элемент можно добавить через конструктор<br>
 
Элемент можно добавить через конструктор<br>
 
[[Файл:Добавление элемента через конструктор.png]] <br clear="both" /><br>
 
[[Файл:Добавление элемента через конструктор.png]] <br clear="both" /><br>
 
== Настроить заголовок ==
 
== Настроить заголовок ==
−
Для настройки заголовка достаточно задать его в настройке "Заголовок".<br>
+
Для настройки заголовка достаточно задать его в настройке "Заголовок". Дефолтное значение заголовка "Кнопка"<br>
 
[[Файл:инпут заголовок.png]]<br clear="both"><br>
 
[[Файл:инпут заголовок.png]]<br clear="both"><br>
 
== Настроить подсказку ==
 
== Настроить подсказку ==
 
Для настройки всплывающего окна при наведении на поле достаточно задать его текст в настройке "Подсказка"
 
Для настройки всплывающего окна при наведении на поле достаточно задать его текст в настройке "Подсказка"
−
== Изменить текст-заполнитель ==
 
−
Чтобы до взаимодействия пользователя с элементом в нём отображался требуемый текст следует задать его в настройке "Текст-заполнитель"
 
−
 
−
[[Файл:Форма. Текстовый компонент.png|слева]] <br clear = "both"> </br>
 
  
−
== Изменить размер поля ==
+
== Изменить размер кнопки ==
 
Размер элемента следует задавать в настройке "Размер поля".
 
Размер элемента следует задавать в настройке "Размер поля".
 
{| class="wikitable" clear:both;"
 
{| class="wikitable" clear:both;"
Строка 71: Строка 61:
 
|-
 
|-
 
|}
 
|}
−
== Типизировать ==
+
== Настроить иконку ==
−
Для того, чтобы типизировать ввод в элемент требуется задать предшествующее значение вводимому и маску ввода в настройках "Префикс" и "Маска ввода".<br>
+
Для того, чтобы <br>
 
<br><br>
 
<br><br>
 
'''Пример'''<br>
 
'''Пример'''<br>
−
Для того, чтобы настроить компонент следующего вида [[Файл:Форма. Текстовый компонент с маской и префиксом.gif]] требуется задать следующие настройки:
 
  
−
{| class="wikitable"
+
 
−
|-
 
−
|+ Настройки компонента
 
−
|-
 
−
! Название !! Значение
 
−
|-
 
−
| Префикс || +7
 
−
|-
 
−
| Маска ввода || (000)-000-00-00
 
−
|-
 
−
| Отобразить маску ввода || false
 
−
|-
 
−
|}
 
  
 
== Настроить источник данных ==
 
== Настроить источник данных ==
Строка 98: Строка 75:
 
<br>
 
<br>
 
== Задать правила видимости и доступности редактирования ==
 
== Задать правила видимости и доступности редактирования ==
−
Для того, чтобы настроить правила нужно создать шаблон с определёнными настройками. [[Платформа_3V/Формы/Правила|Подробнее...]]
+
Настройки видимости и доступности редактирования для всех пользователей производятся через чекбоксы Для того, чтобы настроить правила нужно создать шаблон с определёнными настройками. [[Платформа_3V/Формы/Правила|Подробнее...]]
 
<br>
 
<br>
 
== Настроить права доступа ==
 
== Настроить права доступа ==
 
Подробнее о правах доступа можно узнать [[Платформа_3V/Права_доступа/Права_доступа_на_элементы_формы|здесь]].
 
Подробнее о правах доступа можно узнать [[Платформа_3V/Права_доступа/Права_доступа_на_элементы_формы|здесь]].
 
<br>
 
<br>

Версия 08:32, 1 октября 2021

Текстовое поле () - поле ввода коротких текстовых значений.


Добавить кнопку

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

Настроить заголовок

Для настройки заголовка достаточно задать его в настройке "Заголовок". Дефолтное значение заголовка "Кнопка"
инпут заголовок.png

Настроить подсказку

Для настройки всплывающего окна при наведении на поле достаточно задать его текст в настройке "Подсказка"

Изменить размер кнопки

Размер элемента следует задавать в настройке "Размер поля".

Соответствие размера
Название в конструкторе Название в JSON Размер в пикселях
Маленькое small 24px.
Среднее medium 40px
Большое large 48px
По умолчанию default 32px

Настроить иконку

Для того, чтобы


Пример


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

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

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

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

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

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

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

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

Источник — https://wiki.3v-group.net/index.php?title=Платформа_3V/Формы/Компоненты/Основные/Текстовое_поле&oldid=4595