Как задействовать компоненту “Диаграмма Гантта (Календарный план)” на странице?

Постановка задачи: на пользовательской странице Реестр задач необходимо визуализировать список задач по проекту в виде Календарного плана (Диаграммы Гантта).

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

• основным элементом страницы должна быть компонента “Диаграмма Гантта (Календарный план)”, в главной сущностью которойдолжна быть назначена таблица “Список задач” (tasks).
• необходимо задействовать компоненту Набор фильтров с включенной “живой фильтрацией” и с вложенной в Набор фильтров дочерней компонентой “Фильтр по полю ввода с подбором значения” для указания проекта , по которому следует осуществить отбор записей из списка задач.

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

Предполагается, что страница Реестр задач уже создана бизнес-аналитиком, расположена в проекте и связана с Пользовательской задачей на BPMN-схеме процесса . Для решения поставленной задачи необходимо произвести следующие действия:

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

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

рис.1 Настройка Графа сущностей компоненты

Настроить прочие параметры компоненты"Диаграмма Гантта", указав на сущности и колонки, содержащие требуемую информацию.

рис.2 Настройка компоненты

• добавить компоненту Набор фильтров с включенной “живой фильтрацией” (рис.4)

рис.4 Добавление Компонента Набор фильтра и его связь с компонентой Диаграмма Гантта

• добавить компоненту Фильтр по полю ввода с подбором значения (рис.5)

  рис. 5а Настройка компоненты Фильтр по полю ввода с подбором значения

Рис. 5б Настройка компоненты Фильтр по полю ввода с подбором
значения

рис. 5в Настройка компоненты Фильтр по полю ввода с подбором значения

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

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

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

Для большей детализации компонент дает возможность изменить масштаб временного промежутка в котором отображается длительность задачи :

рис.6. Визуальное отображение выполнения условий задачи