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

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

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

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

• Фильтр по полю многострочного ввода:

  надпись поля -Электронный адрес:
  фильтровать по… -таблице Список сотрудников иколонке Электронный адрес (user_email)
  операция фильтрации -Содержит всю подстроку

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

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

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

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

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

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

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

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

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

Рис.5 Добавление элемента Фильтр по полю многострочного ввода

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

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

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

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

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

Переносим объект Таблица в свойства “Применить к…” Набора фильтров как показано на рисунке (рис.8)

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

• Заполняем свойство “Надпись” у компоненты Текст (рис.9)

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

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

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

• Заполняем свойства компоненты фильтрации по текстовому полю как показано на рис.11

Рис.11 Настройка элемента Фильтрация по текстовому полю

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

Рис.12 Настройка элементаФильтрация по полю многострочного ввода

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

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

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

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