Создание новой
веб-формыВеб-форма является инструментом для создания визуального интерфейса веб-приложений. Интерфейс формируется путём размещения на веб-форме различных компонентов. Каждой веб-форме соответствует модуль, содержащий описание класса формы. Название класса должно совпадать со значением свойства name веб-формы.
В основе веб-форм лежит фреймворк React, написанный на языке JavaScript, и технология CSS Flexbox. Прикладной код веб-форм пишется на языке Fore. Свойства и методы веб-форм как объекта репозитория описывает интерфейс IWebForm, как компонента среды разработки - IWebFormComponent.
Веб-формы по умолчанию открываются модально относительно того места, откуда осуществляется открытие. Максимальное количество открытых относительно друг друга модальных веб-форм - 5 штук. Для смены режима работы веб-формы используйте свойство modal, доступное в режиме дизайнера.
Примечание. Работа с веб-формами доступна только в веб-приложении. При использовании веб-форм учитывайте имеющиеся особенности работы.
Редактирование
существующей веб-формы
Для перехода между веб-формой и окном макроса используйте горячие клавиши
F7/Shift+F7 или кнопки 
/ 
, расположенные
в правой части окна среды разработки.
Для отображения панели компонентов нажмите кнопку 
в левой части окна среды разработки. Для размещения компонента на веб-форме
щёлкните его на панели компонентов и перетащите в ту область формы, куда
его необходимо добавить. На панели Свойства/События задаются свойства
компонентов и обработчики для событий. В список доступных свойств входят
только те свойства, которые можно изменить в режиме дизайнера веб-формы.
В коде для компонентов будут доступны только те свойства, которые можно
изменить во время выполнения веб-формы.
Веб-форма имеет различный набор свойств и методов, доступных в режиме дизайнера и режиме выполнения.
text. Текст, отображаемый в заголовке веб-формы;
name. Наименование веб-формы;
alignItems. Выравнивание flex-компонентов относительно поперечной оси. Доступные значения:
flex-start. Компоненты выравниваются в начале поперечной оси;
center. Компоненты центрированы по поперечной оси;
flex-end. Компоненты выравниваются в конце поперечной оси.
color. Цвет фона веб-формы;
flexDirection. Главная ось, вдоль которой будут располагаться flex-компоненты. Значение задаётся относительно родительского компонента, в котором располагаются flex-компоненты. Доступные значения:
column. Значение по умолчанию. Компоненты располагаются по вертикали;
row. Компоненты располагаются по горизонтали.
imageCollection. Коллекция изображений, которые будут использоваться компонентами веб-формы. Для выбора доступны файлы в формате BMP, GIF, JPG, JPEG, PNG, ICO, SVG. Добавленные изображения в дальнейшем отображаются без сжатия в своём исходном размере, учитывайте это при выборе файлов. Компоненты, использующие изображения:
justifyContent. Выравнивание flex-компонентов относительно главной оси. Доступные значения:
flex-start. Значение по умолчанию. Компоненты сдвинуты в начало главной оси;
center. Компоненты центрированы вдоль главной оси;
flex-end. Компоненты сдвинуты в конец главной оси;
space-around. Компоненты равномерно распределены вдоль главной оси с одинаковым свободным пространством вокруг них. Визуально свободное пространство между крайними компонентами и границами оси будет меньше т.к. свободное пространство между компонентами состоит из двух свободных пространств, принадлежащих каждому из компонентов;
space-between. Компоненты равномерно распределены вдоль главной оси. Первый элемент находится в начале оси, последний элемент - в конце
modal. Признак работы веб-формы в модальном режиме. При значении True веб-форма открывается модально относительно репозитория или объекта, из которого осуществляется открытие. При значении False веб-форма открывается в отдельной вкладке браузера;
padding. Отступы от края веб-формы до её компонентов. Значения свойства влияют на расположение компонентов с позиционированием относительно родительского компонента: position = relative;
popupMenu. Контекстное меню, отображаемое для веб-формы. В качестве значения укажите один из компонентов PopupMenu, размещённых на форме;
size. Размеры веб-формы.
Примечание. Свойства flexDirection, aligments, justifyContent влияют на расположение компонентов, для которых свойство position имеет значение relative.
Свойства:
Clipboard. Буфер обмена веб-формы.
Color. Цвет фона веб-формы;
Enabled. Признак доступности веб-формы для пользователя;
PopupMenu. Контекстное меню, отображаемое для компонента. В качестве значения укажите один из компонентов PopupMenu, размещённых на форме;
Text. Текст, отображаемый в заголовке веб-формы;
Visible. Признак видимости веб-формы.
Методы:
Close. Закрывает текущую веб-форму;
ShowObject. Открывает указанную веб-форму в новой вкладке браузера.
onShow. Событие наступает непосредственно перед выводом веб-формы на экран;
onCommand. Событие наступает во время получения веб-формой команды, которая может быть отправлена с помощью метода SendCommand.
Для создания визуального оформления веб-формы доступен ряд компонентов.
См. также:
Разработка прикладного приложения | Особенности работы веб-форм | Компоненты веб-форм
«