Компоненты платформы XM: различия между версиями

Материал из Intellex
Перейти к навигации Перейти к поиску
 
(не показано 26 промежуточных версий этого же участника)
Строка 1: Строка 1:
== Визуальные компоненты ==
== Визуальные компоненты ==
Основой технологии визуального программирования являются визуальные компоненты, которые пользователь видит на экране и с которыми, возможно, взаимодействует во время выполнения программы. Все компоненты имеют методы, свойства и события, которые описывают характеристики отображения, такие как положение компонента, размер, вид курсора или подсказки, методы прорисовки или перемещения и реакция на действия пользователя.
Основой технологии визуального программирования являются визуальные компоненты, которые пользователь видит на экране и с которыми, возможно, взаимодействует во время выполнения программы. Все компоненты имеют методы, свойства и события, которые описывают характеристики отображения, такие как положение компонента, размер, вид курсора или подсказки, методы прорисовки или перемещения и реакция на действия пользователя.
{|
!Окно (window)


Родительский элемент для всех визуальных элементов. Соответствует окну в терминах операционной системы.[[Файл:Окно мини.png|без|мини]]
=== Основные  ===
!
[https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%9E%D0%BA%D0%BD%D0%BE_(window) <big><u>Окно (window) ▶</u></big>] - родительский элемент для всех визуальных элементов. Соответствует окну в терминах операционной системы.[[Файл:Окно мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%9A%D0%BE%D0%BD%D1%82%D0%B5%D0%B9%D0%BD%D0%B5%D1%80_%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82%D0%BE%D0%B2_(container) <big><u>Контейнер объектов (container )▶</u></big>] - предназначен для задания единого способа отображения визуальных компонентов и позволяющий инкапсулировать в себе объекты других типов.[[Файл:Контейнер объектов мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%92%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B8_(tabsheet) <big><u>Вкладки (tabsheet )▶</u></big>] - визуальный элемент, который позволяет создавать множество вкладок, для размещения на них визуальных элементов.[[Файл:Вкладки мини.png|без|мини]]
!Контейнер объектов (container)
=== Таблицы ===
[https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%9A%D0%BE%D0%BD%D1%82%D0%B5%D0%B9%D0%BD%D0%B5%D1%80_%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82%D0%BE%D0%B2_(container) подробнее ⇒⇒▶][[Файл:Контейнер объектов мини.png|без|мини]]
[https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D0%B0_(grid) <big><u>Таблица (grid) ▶</u></big>] - компонент для отображения табличных данных.[[Файл:Таблица мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%93%D1%80%D1%83%D0%BF%D0%BF%D0%B0_%D0%BA%D0%BE%D0%BB%D0%BE%D0%BD%D0%BE%D0%BA_%D0%B3%D1%80%D0%B8%D0%B4%D0%B0_(colgroup) <big>Группа колонок грида (colgroup)▶</big>] - объединяет несколько подряд идущих колонок в одну визуальную группу.[[Файл:Группа колонок мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%9A%D0%BE%D0%BB%D0%BE%D0%BD%D0%BA%D0%B0_(column) <big><u>Колонка (column)▶</u></big>] - описывает визуальное представление колонки грида и связывает колонку с курсором данных.[[Файл:Колонка мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%94%D0%B5%D1%80%D0%B5%D0%B2%D0%BE_%D0%B3%D1%80%D1%83%D0%BF%D0%BF%D0%B8%D1%80%D0%BE%D0%B2%D0%BA%D0%B8_%D0%B3%D1%80%D0%B8%D0%B4%D0%B0_(gridGroupingTree) <big><u>Дерево группировки грида (gridGroupingTree)▶</u></big>] - компонент для отображения группировки грида в виде отдельного дерева.[[Файл:Дерево группировки грида мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%94%D0%B5%D1%80%D0%B5%D0%B2%D0%BE <big><u>Дерево▶</u></big>] - компонент для отображения данных датасета в виде дерева.[[Файл:Дерево мини.png|без|мини]]
!Вкладки (tabsheet)
 
[https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%92%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B8_(tabsheet) подробнее ⇒⇒▶][[Файл:Вкладки мини.png|без|мини]]
=== Поля ввода ===
|-
[https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%A2%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D0%BE%D0%B5_%D0%BF%D0%BE%D0%BB%D0%B5_%D0%B2%D0%B2%D0%BE%D0%B4%D0%B0_(numedit) <big><u>Текстовое поле ввода (edit)▶</u></big>] - компонент для ввода текстовых данных[[Файл:Текстовое поле мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%9C%D0%BD%D0%BE%D0%B3%D0%BE%D1%81%D1%82%D1%80%D0%BE%D1%87%D0%BD%D0%BE%D0%B5_%D0%BF%D0%BE%D0%BB%D0%B5_(memo) <big><u>Многострочное поле (memo)▶</u></big>] - компонент для ввода текстовых данных.[[Файл:Многострочное поле мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%A2%D0%B5%D0%BA%D1%81%D1%82/%D0%BF%D0%BE%D0%B4%D0%BF%D0%B8%D1%81%D1%8C_(label) <big><u>Текст/подпись (label)▶</u></big>] - компонент для отображения текста на форме.[[Файл:Подпись мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%A7%D0%B8%D1%81%D0%BB%D0%BE%D0%B2%D0%BE%D0%B5_%D0%BF%D0%BE%D0%BB%D0%B5_(edit) <big><u>Числовое поле (numedit)▶</u></big>]- компонент для ввода числовых данных.[[Файл:Числовое поле мини .png|без|мини]]
!
=== Выбор ===
!
[https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%92%D1%8B%D0%B1%D0%BE%D1%80_%D0%B4%D0%B0%D1%82%D1%8B_(datepicker) <big><u>Выбор даты (datepicker)▶</u></big>] - компонент ввода даты. При помощи атрибутов minvalue, maxvalue позволяет задавать период дат.
!
 
!
 
|-
 
!Поля ввода
Атрибуты minvalue, maxvalue, value могут принимать значение даты в виде строки (без формулы) в формате: DD.MM.YYYY или DD.MM.YYYY HH24:MI:SS[[Файл:Выбор даты мини 2.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%92%D1%8B%D0%B1%D0%BE%D1%80_%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%B8_(timeedit) <big><u>Выбор времени (timeedit)▶</u></big>] - компонент ввода времени. [[Файл:Выбор времени мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B8%D0%B9_%D1%81%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_(combobox) <big><u>Выпадающий список (combobox)▶</u></big>] -компонент для выбора единственного значения из выпадающего списка.[[Файл:Выпадающий список мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B8%D0%B9_%D1%81%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_%D1%81_%D0%B3%D0%B0%D0%BB%D0%BA%D0%B0%D0%BC%D0%B8_(checkcombobox) <big><u>Выпадающий список с галками (checkcombobox)▶</u></big>] -компонент для выбора множественных значений из выпадающего списка.[[Файл:Выпадающий список с галками мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%92%D1%8B%D0%B1%D0%BE%D1%80_%D0%B8%D0%B7_%D1%81%D0%BF%D1%80%D0%B0%D0%B2%D0%BE%D1%87%D0%BD%D0%B8%D0%BA%D0%B0_(quicksearch) <big><u>Выбор из справочника (quicksearch)▶</u></big>] -компонент поиска данных. Предназначена для быстрого и наглядного поиска и выбора пользователем требуемой записи в наборе данных.[[Файл:Выбор из справочника мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%93%D0%B0%D0%BB%D0%BE%D1%87%D0%BA%D0%B0_(Checkbox) <big>Галочка (Checkbox)▶</big>] -компонент для выбора, позволяющий пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ выключено.[[Файл:Галочка мини.png|без|мини]]
!
=== Кнопки ===
!
[https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%9F%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C_%D0%BA%D0%BD%D0%BE%D0%BF%D0%BE%D0%BA_(toolbar) <big><u>Панель кнопок (toolbar)▶</u></big>] -визуальный элемент, который позволяет разместить в себе группу кнопок.[[Файл:Панель кнопок мини.png|без|обрамить]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%9A%D0%BD%D0%BE%D0%BF%D0%BA%D0%B0_(button) <big><u>Кнопка (button)▶</u></big>] - компонент, который позволяет добавить на панель кнопку, которую в последствие можно привязать к какому-либо действию, созданному в правилах заполнения (к примеру Апп-функция).[[Файл:Кнопка мини 1.png|без|обрамить]]
!
=== Специальные ===
|-
[https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%A0%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_HTML <big><u>Редактирование HTML▶</u></big>] - компонент для редактирования HTML-страниц.[[Файл:Редактирование html мини .png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%9F%D1%80%D0%BE%D1%81%D0%BC%D0%BE%D1%82%D1%80_HTML_(htmlviewer) <big><u>Просмотр HTML (htmlviewer)▶</u></big>] - компонент для просмотра html разметки.
!
 
!
[https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%93%D1%80%D0%B0%D1%84%D0%B8%D0%BA_(chart) <big><u>График (chart)▶</u></big>] - компонент, который предназначен для отображения табличных данных в виде графиков. Позволяет отображать данные по условиям группировки.[[Файл:График мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%9A%D0%B0%D1%80%D1%82%D0%B0_(mapView) <big><u>Карта (mapView)▶</u></big>] - отображает интерактивную карту с возможностью размещать на ней точки, линии (в том числе состоящие из множества отрезков) и многоугольники.
!
 
!
Для размещённых объектов доступна настройка внешнего вида и обработчиков событий перетаскивания и нажатия.
|-
 
!
[https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%A1%D1%80%D0%B0%D0%B2%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5_%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2_(comparison) <big><u>Сравнение текстов (comparison)▶</u></big>]  - компонент, который предназначен для визуального сравнения двух передаваемых текстов.[[Файл:Сравнение текстов мини.png|без|мини]][https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%94%D0%B8%D0%B0%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0_%D0%93%D0%B0%D0%BD%D1%82%D0%B0 <big><u>Диаграмма Ганта▶</u></big>]  - компонент, который предназначен для отображения специализированных данных (план, график, расписание, управление проектами) в виде диаграммы Ганта, являющейся подвидом столбчатых диаграмм (гистограмм).
!
 
!
Для работы необходимо предоставить компоненту два специально подготовленных набора данных (датасета). Первый формирует табличную часть (слева), второй — диаграмму (справа).
!
 
|-
[https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B0_(Image) <big><u>Картинка (Image)▶</u></big>] - компонент предназначен для вывода на форму графического рисунка.[[Файл:Картинка мини.png|без|мини]]
!
 
!
== Правила заполнения ==
!
Правила заполнения документа – последовательность действия для изменения и проверки полей документа.
!
 
|-
=== [https://xmdocs.intellex.ru/index.php/%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85?veaction=edit&section=1#%D0%9F%D1%80%D0%BE%D0%B8%D0%B7%D0%B2%D0%BE%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9_%D0%B2%D0%B2%D0%BE%D0%B4 <u>Произвольный ввод▶</u>] ===
!
Визуальное действие, которое позволяет пользователю заполнить поля документа произвольным значением.
!
=== [https://xmdocs.intellex.ru/index.php/%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85#%D0%9E%D1%82%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D1%8F <u>Отображение значения▶</u>] ===
!
Визуальное действие, которое позволяет пользователю отображать значение поля документа
!
 
|}
=== [https://xmdocs.intellex.ru/index.php/%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85#%D0%92%D1%8B%D0%B1%D0%BE%D1%80_%D0%B8%D0%B7_%D1%81%D0%BF%D0%B8%D1%81%D0%BA%D0%B0 <u>Выбор из списка▶</u>] ===
{|
Визуальное действие, которое разрешает пользователю заполнить поле документа одним значением из списка допустимых значений.
!
 
!
=== [https://xmdocs.intellex.ru/index.php/%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85#%D0%90%D0%BF%D0%BF-%D1%84%D1%83%D0%BD%D0%BA%D1%86%D0%B8%D1%8F <u>Апп-функция▶</u>] ===
!Панель кнопок (toolbar)
Не визуальное действие. Логика изменения полей документа описывается в БД. Поля документа передаются в апп-функцию в качестве входных и выходных параметров.
!Кнопка (button)
 
|-
=== [https://xmdocs.intellex.ru/index.php/%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85#%D0%98%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C_%D0%B2%D0%B5%D1%81%D1%8C_%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82 <u>Изменить весь документ▶</u>] ===
!Текст/подпись (label)
Не визуальное действие. Позволяет проверить правильность заполнения полей документа и при необходимости выдать сообщение об ошибке.
!Таблица (grid)
 
!Группа колонок грида (colgroup)
=== [https://xmdocs.intellex.ru/index.php/%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85#%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0 <u>Проверка▶</u>] ===
!Колонка (column)
Не визуальное действие, которое позволяет проверить правильность заполнения полей документа и при необходимости выдать сообщение об ошибке.
|-
 
!Числовое поле (edit)⇒⇒▶
=== [https://xmdocs.intellex.ru/index.php/%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85#%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85_%D0%BF%D0%BE%D0%B4%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0_(CheckRows) <u>Проверка данных поддокумента▶</u>] ===
!Текстовое поле ввода (numedit)
Не визуальное действие, которое позволяет проверить корректность заполнения всех строк указанного поддокумента и вывести сообщение об ошибке в родительском (относительно поддокумента) окне.
!Выбор даты (datepicker)
 
!Выбор времени (timeedit)
=== [https://xmdocs.intellex.ru/index.php/%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85#%D0%9F%D1%80%D0%B8%D1%81%D0%B2%D0%BE%D0%B5%D0%BD%D0%B8%D0%B5 <u>Присвоение▶</u>] ===
|-
Не визуальное действие, которое позволяет одной операцией изменить все поля документа.
!Выпадающий список (combobox)
 
!Выпадающий список с галками (checkcombobox)
=== [https://xmdocs.intellex.ru/index.php/%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85#%D0%9E%D1%82%D0%BA%D1%80%D1%8B%D1%82%D0%B8%D0%B5_%D1%84%D0%B8%D0%BB%D1%8C%D1%82%D1%80%D0%B0_%D0%BD%D0%B0_%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_(editFilter) <u>Открытие фильтра на редактирование▶</u>] ===
!Выбор из справочника (quicksearch)
Действие, которое позволяет получить фильтр документа, открыть окно редактирования и по нажатию кнопки "Сохранить" передать фильтр документа и его описание в параметры.
!Многострочное поле (memo)
 
|-
=== [https://xmdocs.intellex.ru/index.php/%D0%9F%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85#%D0%92%D0%BD%D0%B5%D1%88%D0%BD%D0%B5%D0%B5_%D0%B4%D0%B5%D0%B9%D1%81%D1%82%D0%B2%D0%B8%D0%B5 <u>Внешнее действие▶</u>] ===
!Редактирование HTML
Действие позволяющее открыть другой документ/режим/печатную форму.
!Галочка (Checkbox)
!График (chart)
!Картинка (Image)
|-
!Просмотр HTML (htmlviewer)
!Сравнение текстов (comparison)
!Карта (mapView)
!
|-
!Дерево группировки грида (gridGroupingTree)
!Дерево
!Диаграмма Ганта
!
|}
{|
!Контейнер объектов (container)
[https://xmdocs.intellex.ru/index.php/%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B#%D0%9A%D0%BE%D0%BD%D1%82%D0%B5%D0%B9%D0%BD%D0%B5%D1%80_%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82%D0%BE%D0%B2_(container) подробнее ⇒⇒▶]
!Вкладки (tabsheet)
!Панель кнопок (toolbar)
!Кнопка (button)
|-
!Текст/подпись (label)
!Таблица (grid)
!Группа колонок грида (colgroup)
!Колонка (column)
|-
!Числовое поле (edit)⇒⇒▶
!Текстовое поле ввода (numedit)
!Выбор даты (datepicker)
!Выбор времени (timeedit)
|-
!Выпадающий список (combobox)
!Выпадающий список с галками (checkcombobox)
!Выбор из справочника (quicksearch)
!Многострочное поле (memo)
|-
!Редактирование HTML
!Галочка (Checkbox)
!График (chart)
!Картинка (Image)
|-
!Просмотр HTML (htmlviewer)
!Сравнение текстов (comparison)
!Карта (mapView)
!
|-
!Дерево группировки грида (gridGroupingTree)
!Дерево
!Диаграмма Ганта
!
|}

Текущая версия на 07:16, 28 июля 2022

Визуальные компоненты

Основой технологии визуального программирования являются визуальные компоненты, которые пользователь видит на экране и с которыми, возможно, взаимодействует во время выполнения программы. Все компоненты имеют методы, свойства и события, которые описывают характеристики отображения, такие как положение компонента, размер, вид курсора или подсказки, методы прорисовки или перемещения и реакция на действия пользователя.

Основные

Окно (window) ▶ - родительский элемент для всех визуальных элементов. Соответствует окну в терминах операционной системы.

Окно мини.png

Контейнер объектов (container )▶ - предназначен для задания единого способа отображения визуальных компонентов и позволяющий инкапсулировать в себе объекты других типов.

Контейнер объектов мини.png

Вкладки (tabsheet )▶ - визуальный элемент, который позволяет создавать множество вкладок, для размещения на них визуальных элементов.

Вкладки мини.png

Таблицы

Таблица (grid) ▶ - компонент для отображения табличных данных.

Таблица мини.png

Группа колонок грида (colgroup)▶ - объединяет несколько подряд идущих колонок в одну визуальную группу.

Группа колонок мини.png

Колонка (column)▶ - описывает визуальное представление колонки грида и связывает колонку с курсором данных.

Колонка мини.png

Дерево группировки грида (gridGroupingTree)▶ - компонент для отображения группировки грида в виде отдельного дерева.

Дерево группировки грида мини.png

Дерево▶ - компонент для отображения данных датасета в виде дерева.

Дерево мини.png

Поля ввода

Текстовое поле ввода (edit)▶ - компонент для ввода текстовых данных

Текстовое поле мини.png

Многострочное поле (memo)▶ - компонент для ввода текстовых данных.

Многострочное поле мини.png

Текст/подпись (label)▶ - компонент для отображения текста на форме.

Подпись мини.png

Числовое поле (numedit)▶- компонент для ввода числовых данных.

Числовое поле мини .png

Выбор

Выбор даты (datepicker)▶ - компонент ввода даты. При помощи атрибутов minvalue, maxvalue позволяет задавать период дат.


Атрибуты minvalue, maxvalue, value могут принимать значение даты в виде строки (без формулы) в формате: DD.MM.YYYY или DD.MM.YYYY HH24:MI:SS

Выбор даты мини 2.png

Выбор времени (timeedit)▶ - компонент ввода времени.

Выбор времени мини.png

Выпадающий список (combobox)▶ -компонент для выбора единственного значения из выпадающего списка.

Выпадающий список мини.png

Выпадающий список с галками (checkcombobox)▶ -компонент для выбора множественных значений из выпадающего списка.

Выпадающий список с галками мини.png

Выбор из справочника (quicksearch)▶ -компонент поиска данных. Предназначена для быстрого и наглядного поиска и выбора пользователем требуемой записи в наборе данных.

Выбор из справочника мини.png

Галочка (Checkbox)▶ -компонент для выбора, позволяющий пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ выключено.

Галочка мини.png

Кнопки

Панель кнопок (toolbar)▶ -визуальный элемент, который позволяет разместить в себе группу кнопок.

Панель кнопок мини.png

Кнопка (button)▶ - компонент, который позволяет добавить на панель кнопку, которую в последствие можно привязать к какому-либо действию, созданному в правилах заполнения (к примеру Апп-функция).

Кнопка мини 1.png

Специальные

Редактирование HTML▶ - компонент для редактирования HTML-страниц.

Редактирование html мини .png

Просмотр HTML (htmlviewer)▶ - компонент для просмотра html разметки. График (chart)▶ - компонент, который предназначен для отображения табличных данных в виде графиков. Позволяет отображать данные по условиям группировки.

График мини.png

Карта (mapView)▶ - отображает интерактивную карту с возможностью размещать на ней точки, линии (в том числе состоящие из множества отрезков) и многоугольники.

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

Сравнение текстов (comparison)▶ - компонент, который предназначен для визуального сравнения двух передаваемых текстов.

Сравнение текстов мини.png

Диаграмма Ганта▶ - компонент, который предназначен для отображения специализированных данных (план, график, расписание, управление проектами) в виде диаграммы Ганта, являющейся подвидом столбчатых диаграмм (гистограмм).

Для работы необходимо предоставить компоненту два специально подготовленных набора данных (датасета). Первый формирует табличную часть (слева), второй — диаграмму (справа).

Картинка (Image)▶ - компонент предназначен для вывода на форму графического рисунка.

Картинка мини.png

Правила заполнения

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

Произвольный ввод▶

Визуальное действие, которое позволяет пользователю заполнить поля документа произвольным значением.

Отображение значения▶

Визуальное действие, которое позволяет пользователю отображать значение поля документа

Выбор из списка▶

Визуальное действие, которое разрешает пользователю заполнить поле документа одним значением из списка допустимых значений.

Апп-функция▶

Не визуальное действие. Логика изменения полей документа описывается в БД. Поля документа передаются в апп-функцию в качестве входных и выходных параметров.

Изменить весь документ▶

Не визуальное действие. Позволяет проверить правильность заполнения полей документа и при необходимости выдать сообщение об ошибке.

Проверка▶

Не визуальное действие, которое позволяет проверить правильность заполнения полей документа и при необходимости выдать сообщение об ошибке.

Проверка данных поддокумента▶

Не визуальное действие, которое позволяет проверить корректность заполнения всех строк указанного поддокумента и вывести сообщение об ошибке в родительском (относительно поддокумента) окне.

Присвоение▶

Не визуальное действие, которое позволяет одной операцией изменить все поля документа.

Открытие фильтра на редактирование▶

Действие, которое позволяет получить фильтр документа, открыть окно редактирования и по нажатию кнопки "Сохранить" передать фильтр документа и его описание в параметры.

Внешнее действие▶

Действие позволяющее открыть другой документ/режим/печатную форму.

Источник — http://xmdocs.intellex.ru/index.php?title=Компоненты_платформы_XM&oldid=2522