Как задействовать компоненту “Пополняемый список зависимых записей”?
Постановка задачи: на пользовательской странице Карточка задачи, кроме набора параметров непосредственно самой задачи, необходимо обеспечить возможность прикрепления информации о нескольких приложенных документах (с атрибутами “имя документа”, “описание документа”) для последующего добавления в базу данных одной строки с информацией о задаче и одновременногодобавления нескольких строк в зависимую таблицу с сохранением взаимосвязи между вставленными в обе таблицы записями.
При открытии такой карточки на редактирование, согласно сохраненным ссылкам между записями, интерфейс системы должен отобразить и параметры самой задачи, и список сопоставленных с ней документов.
Страница “Карточка задачи” должна иметь следующие настройки:
- в качестве главной сущности компоненты Формадолжна быть назначена таблица “Список задачи”(tasks), в которойимеются колонки с информацией о наименовании и описании задачи и колонка с первичным ключом (task_id).
- внутри родительской компоненты-контейнераФормавсей страницы следует расположить 3 простых компоненты:Текстовое поледля параметраНаименование задачи,Текстовое поледля параметраОписание задачи.
- в граф сущности элемента “Редактируемая Таблица” компоненты Пополняемый список зависимых записей включитьтаблицу “Вложенные документы задачи” (task_attachments), в которойимеются колонки с информацией “имя документа”, “описание документа” для хранения атрибутов файла и колонка для указания идентификатора задачи (task_id), с которым конкретный документ соотнесен.
- внутри элемента Формакомпоненты Пополняемый список зависимых записей расположить2 простых компоненты:Текстовое поледля параметраИмя документа,Текстовое поледля параметраОписание документа
Решение задачи:
Предполагается, что страница Карточка задачи уже создана бизнес-аналитиком и в логике бизнес-процесса определена необходимая переменная процесса task_id, значение которой заполняется перед открытием страницы пользователем. Для добавления на страницу и настройки компоненты Форма необходимо сделать следующее:
- добавить внутрь страницы компоненту Форма (рис.1)
- в настройках добавленной Формы перейти к разделу Подгрузка данных основная - Источник данных - Граф сущностейи настроить его в соответствии с условием задачи (рис.2).

рис.1 Добавление компоненты Форма на страницу рис.2 Настройка Графа сущностей компоненты Форма
- в параметре “Переменная процесса с идентификатором” ( Подгрузка данных основная - Переменная процесса с идентификатором) следует указать переменную процесса task_id (рис.3)

рис.3 Настройка переменной процесса
- расположить компоненты для отображения параметровНаименование задачи, Описание задачии настроить их на отображение информации из источника данных (рис.4, рис.5)
|
|
|
| рис.4 Добавление элемента Наименование | рис.5 Добавление элемента Описание |
На этом настройка компоненты Форма для работы с базой данных завершена.
- добавить внутрь только что сконфигурированной компоненты Форма (рис.1) сложный компонент “Пополняемый список зависимых записей” (рис. 6):

рис.6 Добавление компоненты Пополняемый список зависимых записей
- перейти к элементу Редактируемая таблица и настроить все реквизиты параметра “Пополняемый список зависимых записей”. Подгрузка данных (рис.7, рис.8, рис.9)
рис.7 Настройка параметра “Пополняемый список зависимых записей”. Подгрузка данных
**
**
|
|
Таблицы Список задач и Вложенные документы связаны по колонке task_id, при этом для таблицы "Список задач" (главная сущность компоненты Форма всей страницы) колонка task_id является первичным ключом, а для таблицы "Вложенные документы" (основная сущность элемента Редактируемая таблица сложной компоненты) колонка task_id является ссылочной колонкой на таблицу Список задач (внешним ключом). |
| рис. 8 Формирование Графа сущности элемента Редактируемая таблица |
рис. 9 Настройка взаимосвязей таблиц |
- оставаясь в элементе Редактируемая таблица так же настроить параметрТаблица. Настроить колонки таблицы (рис. 10)
рис.10 Настройка параметраТаблица. Настроить колонки таблицы
- перейти к элементу Форма в сложном компоненте и, ничего не меняя в настройках, разместить внутри этого элементакомпоненты для работы с полямиНаименование документа, Описание документа (рис. 11)****

рис. 11 Размещение компонент в элементе Форма
-
настроить только что добавленные текстовые компоненты Наименование документа, Описание документана работу с источником данных, указанным в графе сущности элемента Редактируемая таблица (рис. 12, рис. 13)


рис.12 Настройка компоненты Наименование документа рис.13 Настройка компоненты Описание документа -
Для создания новой записи (INSERT) или изменения имеющихся значений (UPDATE), необходимо добавить на страницу компоненту Кнопка сохранения и указать этой кнопке наФорму, согласно Графу сущностей которой следуют провести операцию добавления новой записи или обновления существующей информации после нажатия на кнопку (рис.14)
|
|
|
рис.14 Настройка элемента Кнопка сохранения Заполнение параметра Компонент "Форма" Кнопки сохранения происходит путем перетаскивания манипулятором мышь объекта "Основная Форма страницы " из дерева структуры страницы в окно параметра Компонент "Форма" Кнопки сохранения (как показано стрелкой на скриншоте). Также существует удобная функциональность обратного быстрого перехода по дереву структуры страницы к задействованной компоненте посредством клика на параметре Компонент "Форма" Кнопки сохранения, когда есть необходимость уточнить, на какую именно компоненту в дереве ссылается интересующий параметр. |
В результате выполнения указанной последовательности действий и запуска приложения, интерфейс экранной формы примет следующий вид :

image2019-3-7_17-38-11.png (image/png)
image2019-3-7_17-39-51.png (image/png)
image2019-3-7_18-12-24.png (image/png)
image2019-3-11_10-15-47.png (image/png)
image2019-3-11_10-16-20.png (image/png)
image2019-3-7_18-15-45.png (image/png)
image2019-3-11_18-8-46.png (image/png)
image2019-4-5_16-44-5.png (image/png)
image2019-4-5_16-45-5.png (image/png)
image2019-4-5_16-45-44.png (image/png)
image2019-4-5_16-53-0.png (image/png)
image2019-4-5_18-21-33.png (image/png)
image2019-4-5_18-49-54.png (image/png)
image2019-4-5_18-50-4.png (image/png)
image2019-4-5_18-55-34.png (image/png)
image2019-4-5_19-18-48.png (image/png)
image2019-4-5_19-20-34.png (image/png)
image2019-4-5_20-3-0.png (image/png)
image2019-4-5_20-4-19.png (image/png)
image2019-4-5_20-7-42.png (image/png)
image2019-4-5_20-11-3.png (image/png)
image2019-4-5_20-12-37.png (image/png)
image2019-4-5_20-13-49.png (image/png)
image2019-4-5_20-14-16.png (image/png)
image2019-4-5_20-19-41.png (image/png)
image2019-4-8_12-20-22.png (image/png)



