Дизайнер форм – это инструмент платформы "Датамастер" для создания интерфейса приложения.

Для перехода в дизайнер форм необходимо нажать на кнопку  - "Редактирование формы" нужного вида.

Дизайнер форм состоит из нескольких частей:

  • "Добавить компонент" - область, содержащая набор элементов для создания интерфейса. Чтобы добавить элемент в интерфейс, необходимо перетащить значок (часть с картинкой) в нужное место формы.


Наименование элемента

Описание

Атрибуты

Метка

Нередактируемый текст

Строка текста

Текст из нескольких строк

Панель

Область, позволяющая сгруппировать набор компонентов в интерфейсе

Карточка – (вид от другого типа объектов)

Прокрутка

Обеспечивает прокрутку формы, если она не умещается в заданный размер окна браузера


Набор страниц

Используется при создании нескольких вкладок на одной форме


Вертикальный сплиттер

Позволяет изменять размеры областей интерфейса в вертикально направлении


Горизонтальный сплиттер

Позволяет изменять размеры областей интерфейса в горизонтальном направлении


Строка текста

Строка для ввода и редактирования текста в виде одной строки. Возможность редактирования может быть отключена в ходе разработки

Строка текста

Текст из нескольких строк

Ссылка ‘один к одному’

Целое число

Число с плавающей точкой

Текст

Компонент для ввода текста, который может содержать больше одной строки

Строка текста

Текст из нескольких строк

Список

Выпадающий список

Выпадающий список

Ссылка 'один к одному’

Дата

Содержит дату. Позволяет выбрать нужную дату из календаря.

Дата

Время

Содержит время (час : минута). Позволяет выбрать время.

Дата

Флаг

Содержит логическое значение, где проставленный флажок является положительным значением (единицей), а отсутствие флажка - отрицательным (нулём) по отношению к утверждению, указанному в тексте атрибута

Атрибут: Флажок;


Также может использоваться как "флаг по умолчанию"

Кнопка

Позволяет выполнять действия – скрипты при нажатии, а также специфические действия для различных типов атрибутов: для простых типов – открыть окно с возможными значениями атрибута (из других объектов системы), для ссылки – выбрать значение из таблицы

Функциональная кнопка

Строка текста

Целое число

Ссылка URL

Ссылка ‘один к одному’

Выпадающий список

Настройка: Просмотр

Настройка: Просмотр (автозапуск)

Ссылка

Позволяет перейти по указанному URL или перейти на объект для атрибута типа "Ссылка"

Функциональная кнопка

Строка текста

Целое число

Ссылка URL

Ссылка ‘один к одному’

Выпадающий список

Настройка: Просмотр

Настройка: Просмотр (автозапуск)

Картинка

Содержит изображение

Изображение

Строка текста (Если изображение привязано к строке текста, то на карточке автоматически формируется и отображается QR-код по значению атрибута)

Таблица

Позволяет отразить данные в виде таблицы

Таблица

Поисковая таблица

"Ссылка ‘один ко многим’"

Редактор HTML

Позволяет редактировать и отображать HTML – текст

Строка текста

Текст из нескольких строк

Переключатель

Для переключения между заданными значениями.

Выпадающий список
  • "Дерево компонентов" - показывает расположение компонентов относительно друг друга. Такие компоненты как "Панель", "Набор страниц", "Прокрутка" могут содержать в себе другие компоненты.
  • "Свойства" - показывает свойства выделенного компонента.


Наименование свойства

Описание

Id

Уникальный, в пределах текущего вида, идентификатор элемента интерфейса, генерируется автоматически и может быть изменено в окне "Исходный код".

Type

Наименование типа компонента.

Caption

Подпись к компоненту, отображается над компонентом.

Location: left, top

Расположение компонента на форме: left – количество пикселей от левого края формы, top – количество пикселей от верхнего края формы.

Size: width, height

Размер компонента: width – ширина компонента в пикселях, height – высота компонента в пикселях.

Style

Позволяет выполнить настройку CSS – стилей элементов интерфейса.

Dock

Способ заполнения компонентом области на форме. Подробнее в разделе "Выравнивание и стыковки элементов интерфейса".

tabIndex

Порядковый номер компонента для перехода по компонентам на форме с помощью клавиши Tab.

Tooltip

Всплывающая подсказка – появляется при наведении на компонент в работающем приложении, в случае если она заполнена. Обычно содержит краткое пояснение о назначении компонента или название компонента.

Image

Изображение - необходимо кликнуть правой кнопкой по полю "no image" и загрузить изображение. Оно будет отображать рядом с компонентом

Атрибут

Атрибут, связанный с компонентом

Ограничения

Ограничение видимости и возможности редактировать компонент.

Orientation

Расположение компонента: horizontal – горизонтальное, vertical – вертикальное. Только для компонента Переключатель.

RegExMask

Позволяет настроить маску для ввода данных.

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

Format

Используется при привязке метки к атрибуту типа "Дата".

Формат стандартный: dd.MM.yyyy – дата без времени;

dd.MM.yyyy HH:mm:ss – дата со временем.

Можно компоновать произвольным образом - dd, MM, yyyy, HH, mm, ss

Только для компонента Метка

ComboBoxStyle

Имеет три варианта: "Обычный" – если значение не задано, можно выбирать значения из списка или вручную заносить новые значения в список,

"Запретить ручной ввод" - можно выбирать значение из списка, но вносить новые нельзя,

"Не отображать кнопку" - кнопка для развёртывания списка отображаться не будет.

Только для компонента Выпадающий список.

DialogResult

Используется при создании диалоговых окон.

"OK" – возвращает положительный результат,

"Cancel" – отмена действия.

Обе кнопки "OK" и "Cancel" закрывают модальное окно. Какая из кнопок нажата, можно поймать внутри скрипта, в котором модальное окно создается.

Только для компонента Кнопка


  • "Исходный код" - отражает создание выбранных компонентов в виде XML кода с использованием CSS-стилей. При желании опытные разработчики могут вносить изменения в исходный код в данной области.
  • "Форма" - область, в которой создаётся интерфейс.