Создание Web-формы и размещение компонентов

Web-форма является инструментом для создания визуального интерфейса веб-приложений. Интерфейс формируется путём размещения на Web-форме различных компонентов. Каждой Web-форме соответствует модуль, содержащий описание класса формы. В основе Web-форм лежит фреймворк React, написанный на языке JavaScript, но код самих Web-форм пишется на языке Fore. В Fore Web-формы описывает интерфейс IWebForm.

Web-формы по умолчанию открываются модально относительно того места, откуда осуществляется открытие. Максимальное количество открытых относительно друг друга модальных Web-форм - 5 штук. Для смены режима работы Web-формы используйте свойство modal, доступное в режиме дизайна.

Примечание. Работа с Web-формами доступна только в веб-приложении. При использовании Web-форм учитывайте имеющиеся особенности работы.

Для создания новой Web-формы выполните одно из следующих действий:

в навигаторе объектов нажмите кнопку «Создать» главного меню и выберите «Web-форма» на открывшейся панели «Новый объект»;
в навигаторе объектов выполните команду контекстного меню «Создать» и выберите «Web-форма» на открывшейся панели «Новый объект»;
выполните команду «Файл > Создать > Web-форма» главного меню среды разработки;
выполните команду «Создать > Web-форма» контекстного меню в навигаторе проекта среды разработки.

Для перехода между Web-формой и окном макроса используйте горячие клавиши F7/Shift+F7 или кнопки

, расположенные в правой части окна среды разработки.

Для отображения панели компонентов нажмите кнопку

в левой части окна среды разработки. Для размещения компонента на Web-форме щёлкните его на панели компонентов и перетащите в ту область формы, куда его необходимо добавить. На панели Свойства/События задаются свойства компонентов и обработчики для событий. В список доступных свойств входят только те свойства, которые можно изменить в режиме дизайна Web-формы. В коде для компонентов будут доступны только те свойства, которые можно изменить во время выполнения Web-формы.

Web-форма имеет различный набор свойств, доступных в режиме дизайна и режиме выполнения.

Режим дизайна Режим выполнения События

text. Текст, отображаемый в заголовке Web-формы;
name. Наименование Web-формы;
modal. Признак работы Web-формы в модальном режиме. При значении True Web-форма открывается модально относительно репозитория или объекта, из которого осуществляется открытие. При значении False Web-форма открывается в отдельной вкладке браузера;
imageCollection. Коллекция изображений, которые будут использоваться компонентами Web-формы. Для выбора доступны файлы в формате BMP, GIF, JPG, JPEG, PNG, ICO, SVG. Добавленные изображения в дальнейшем отображаются без сжатия в своём исходном размере, учитывайте это при выборе файлов. Компоненты, использующие изображения:

Button.

color. Цвет фона Web-формы;
size. Размеры Web-формы.

Color. Цвет фона Web-формы;
Enabled. Признак доступности Web-формы для пользователя;
Text. Текст, отображаемый в заголовке Web-формы;
Visible. Признак видимости Web-формы.

onShow. Событие наступает непосредственно перед выводом Web-формы на экран;
onCommand. Событие наступает во время получения Web-формой команды, которая может быть отправлена с помощью метода SendCommand.

Для создания визуального оформления Web-формы доступен ряд компонентов.