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

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

• Блок фильтрации на странице должен иметь
  • подзаголовок - Фильтр по сотрудникам, реализованный с помощью компоненты Текст
• Фильтр по текстовому полю (по фамилии сотрудника):
  • надпись поля -Фамилия
  • фильтровать по… -таблице Список сотрудников иколонке Фамилия(name_last)
  • операция фильтрации -Содержит всю подстроку
• Фильтр по текстовому полю (по имени сотрудника):
  • надпись поля -Имя
  • фильтровать по… -таблице Список сотрудников иколонке Имя (name_first)
  • операция фильтрации -Содержит всю подстроку
• Таблица с информацией о сотрудниках:
  в Граф сущностей в качестве Главной сущности должна быть определена таблица Список сотрудников, где есть вся необходимая информация для вывода на страницу
  в структуру компоненты Таблица должны быть включены две колонки: Фамилия сотрудника и Имя сотрудника

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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