Low-code дизайнер > Создание интерфейсов > Типы виджетов > Виджеты для работы с данными / Строка формы

Строка формы

Виджет используется как контейнер для других элементов формы. В нём можно располагать другие виджеты. Кроме того, в виде строки формы отображаются переменные из контекста приложения, бизнес-процесса или виджета, вынесенные на поле для моделирования. Подробнее о переменных читайте в статье «Типы контекста».

Чтобы разместить виджет, перетащите его с правой панели дизайнера интерфейсов на поле для моделирования или нажмите кнопку + Виджет. Подробнее читайте в статье «Шаблон формы». Затем выполните настройку в открывшемся окне.

Вкладка «Основные»

строка 365

В поле Надпись задайте текст, который будет отображаться в виде заголовка виджета.

Вкладка «События»

На этой вкладке можно настроить поведение виджета, выбрав функции из скриптов, которые будут вызываться при наступлении различных событий. Событие при наведении курсора и Событие при перемещении курсора за границы доступны для любого виджета. Подробнее читайте в статье «Системные настройки виджетов».

Для контекстных переменных, вынесенных в виде строки формы, также можно настроить:

  • Событие при изменении значения запустится, когда пользователь начнёт редактировать значение в поле, вынесенном в виде строки формы. Например, при изменении значения в поле Скидка итоговая сумма заказа будет пересчитываться автоматически.

Обратите внимание, вы можете добавить служебную переменную в контекст виджета, чтобы запустить событие. Её не нужно выносить на шаблон виджета. В настройках этой переменной используйте опцию Событие при изменении значения;

  • Событие при окончании изменения значения — произойдёт, когда пользователь закончит редактировать значение в поле, вынесенном в виде строки формы, т. е. нажмёт Enter или переместит курсор за пределы поля. Например, в пользовательском виджете Калькулятор результат вычислений будет обновляться только после полного завершения ввода новых значений.

Вкладка «Системные»

Системные настройки одинаковы для всех виджетов. Они позволяют управлять видимостью виджета, доступом к нему и т. д. Подробнее читайте в статье «Системные настройки виджетов».

Для завершения настройки виджета нажмите кнопку Сохранить. Чтобы настроенная форма стала доступна пользователям, нажмите Сохранить и Опубликовать на верхней панели дизайнера интерфейсов.