Как добавить компоненту “Набор фильтров” на страницу?

Постановка задачи:

На пользовательской странице необходимо расположить “Набор фильтров” который будет включать в себя текстовый фильтр.

Элементы на странице должны иметь следующие настройки:

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

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

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

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

• Добавить на страницу контейнер Набор фильтров (рис.1)

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

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

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

• Добавить внутрь контейнера Набор фильтров компоненту Фильтр по текстовому полю (рис.3)

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

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

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

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

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

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

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

• Заполняем свойство Надпись у компоненты Текст значением Фильтр по сотрудникам (рис.7)

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

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

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

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

рис.9 Настройка Фильтра по текстовому полю

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

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

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