Как добавить элемент Фильтр по выпадающему списку на страницу?

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

• Блок фильтрации на странице должен иметь подзаголовок -Фильтр по сотрудникам, реализованный с помощью компоненты Текст
• Фильтр по текстовому полю (по фамилии сотрудника):

  надпись поля -Фамилия
  фильтровать по… -таблице Список сотрудников иколонке(name_last)
  операция фильтрации -Содержит всю подстроку

• Фильтр по статичному выпадающему списку:
  надпись поля -Организация: фильтровать по… -таблице Организация иколонке Наименование (name)
  операцию фильтрации -Содержится всю подстроку сортировать по - таблице Организация иколонке Наименование (name)
  Показывать пользователю -таблица Организация иколонке Наименование (name) Граф сущностей - в качестве Главной сущности должна быть определена таблица Организаций (legal_entities)

• Таблица с информацией о сотрудниках:
  в Граф сущностей в качестве Главной сущности должна быть определена таблица Список сотрудников, где есть вся необходимая информация для вывода на страницу.

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

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

1. Добавление элементов:

• Добавить внутрь Вертикального контейнера контейнер Набор фильтров (рис.1)
• Добавить компоненту Текст внутрь Вертикального контейнера, которая будет являться заголовком блока фильтрации (рис.2)

рис.1 Добавление элементаНабор фильтров

рис.2 Добавление элементаТекст

• Добавить внутрь контейнера Набор фильтров компоненту Фильтр по текстовому полю (рис.3)
• Добавить внутрь контейнера Набор фильтров компоненту Фильтр по выпадающему списку (рис.4)
• Добавить Таблицу, в которой будет отображаться информация о сотрудниках и по значениям которой будет осуществляться поиск записей с помощью фильтров (рис.5)

рис.3 Добавление компонентФильтр по текстовому полю

рис.4 Добавление компонентФильтр по выпадающему списку

рис.5 Добавление элемента Таблица

• Для того чтобы условия фильтрации применялись к таблице, необходимо добавить кнопки:Кнопка для фильтрации,Кнопка очистки фильтра. Для этого необходимо добавить Горизонтальный контейнер, который будет содержать данные кнопки. (рис.6 и рис.7)

рис.6 Добавление элементаГоризонтальный контейнер

рис.7 Добавление кнопок: Для фильтрации и Очистки фильтрации

2. Настройка элементов:

• Настройка Набора фильтров: переносим объект Таблица, удерживая левую кнопку мыши, в свойство “Применить к…” Набора фильтров как показано на рисунке (рис.8)
• Заполняем свойство Надпись у компоненты Текст значением Фильтр по сотрудникам (рис.9)

рис.8 Настройка Набор фильтров

рис.9 Настройка элементаТекст

• Заполняем у элемента Таблица следующие свойства: Таблица. Подгрузка данных - Источник данных - Граф сущностей (как описано в разделе -Настройка Графа сущностей) и настраиваем колонки Таблицы (как описано в разделе -Настройка колонок Таблицы) в блоке Таблица. Настроить колонки таблицы согласно условиям задачи (рис.10)

**
**

рис.10 Настройка элемента Таблица

рис.11Настройка Фильтра по фамилии сотрудника

• Заполняем свойства компонент Фильтрация по статичному выпадающему списку согласно условиям задачи (рис.12)

рис.12 Настройка Фильтра по организации сотрудника

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

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

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

рис. 14 Визуальное отображение выбора значения фильтра из выпадающего списка

рис.15 Пример выполнения поиска с примененным условием фильтрации

**
**