Как задействовать компоненту “Обработка событий” на странице?

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

Страница "Карточка задачи " должна иметь следующие настройки:

• на странице должны быть размещены 2компоненты Дата без возможности сохранения, компонента Диалог для отображения сообщения о некорректном вводе с компонентой-кнопкой “Ок” и компонента Флаг без возможности сохранения
• Компонента Обработка событий, которая реализует алгоритм обработки, описанный в постановке задачи
• с базой данных и источниками данных в этом кейсе работать не предполагается,поэтому компоненты с графами сущностей задействованы не будут.

Решение задачи:

• Добавить на страницу и настроить компоненту Дата для ввода даты начала работ по задаче (рис.1)

рис.1 Добавление компоненты Дата и настройка ее основных параметров (дата начала работ по задаче)

• Добавить на страницу и настроить компоненту Дата для ввода даты окончания работ по задаче(рис.2)

рис.2 Добавлениекомпоненты Датаи настройка ее основных параметров (дата окончания работ по задаче)

• Добавить на страницу и настроить компоненту Флаг (рис. 3)

рис.3 Добавлениекомпоненты Флаги настройка ее основных параметров (отметка о корректности ввода значений)

• Добавить компоненту Диалог и внутрь нее добавить компоненты Text (для описания ошибки) и Кнопка (для закрытия Диалога после ознакомления с ошибкой) (рис.4)

рис.4 Добавление компоненты Диалог, Text и Кнопка

• Добавить первую компоненту Обработка событий1 и настроить алгоритм проверки дат (рис.5)

рис.5 Настройка компоненты Обработка события для выявления ситуации, когда обе даты введены пользователем и при этом расположены в ошибочном порядке

(с компоненты Флаг снимается галочка, она превращается в невидимую компоненту, пользователю выводится компонента Диалог)

• Добавить вторую компоненту Обработка событий2 и настроить алгоритм проверки дат (рис.6)

рис.6 Настройка компоненты Обработка события для выявления ситуации, когда обе даты явно введены и при этом расположены в верном порядке

(выводится компонента Флаг с помеченной галочкой внутри)

• Добавить компоненту Обработка событий и настроить реакцию на нажатие кнопки “Ок” в Диалоге, заключающуюся в очищении полей с неправильными значениями дат (рис.7)

рис.7 Настройка компоненты Обработка события для выявления ситуации, когда нажата кнопка “Ок” в Диалоге

(компонента Диалог закрывается,с компоненты Флаг снимается галочка, она превращается в невидимую компоненту, поля с датами очищаются)

На этом настройка страницы закончена, можно собрать приложение и проверить работу компоненты.

Результат выполнения задачи:

После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что на странице отображаются таблица и блок фильтрации с компонентой “Фильтр по полю ввода с подбором значения” (рис.8 - рис.11)