Как задействовать компоненту “Фильтр по полю ввода с подбором значения” на странице?
Постановказадачи: на пользовательской странице Реестр задач необходимо обеспечить возможность поиска задач в компоненте Таблица по указанным в поле Постановщик задачи несколькимзначениям c использованием компоненты “Фильтр по полю ввода с подбором значения”. Источником данных для компоненты “Фильтр по полю ввода с подбором значения” должен служить справочник сотрудников, а выбор сотрудников (одного или нескольких) из справочника будет осуществляться путем постепенного набора первых букв фамилии с последующим подбором и отображением сужающегося списка сотрудников, в чьих фамилиях содержится вводимый пользователем набор букв.
Страница “Реестр задач” должна иметь следующие настройки:
- на web-странице должна быть размещенакомпонента Таблица, в графе сущности которой основной таблицейдолжна быть назначена “Список задач”(tasks).В нейимеется колонка с идентификатором сотрудника, являющегося постановщиком задачи (reporter_employee_id).
- на web-странице должна быть размещенакомпонента Набор фильтров, и настроена на компоненту Таблица
- внутри компонентыНабор фильтровследует расположить компоненту Фильтр по полю ввода с подбором значения для поиска по параметруПостановщик задачи
- колонка базы данных для поиска по значениям из компоненты* Фильтр по полю ввода с подбором значения- tasks.reporter_employee_id*
Решение задачи:
Предполагается, что страница Реестр задач уже создана аналитиком и включена в логику бизнес-процесса. Для задействования компоненты Фильтр по полю ввода с подбором значения необходимо сделать следующее:
- Добавить на страницу компоненту Таблица, настроить ее граф сущностей и колонки (рис.1)

рис.1 Расположение компоненты Таблица и настройка ее основных параметров
- На одном уровне с компонентом Таблица добавить в состав страницы компоненту Набор фильтров. Связать Компоненту Набор фильтров с компонентой Таблица для указания источника данных фильтрации (рис.2)

рис.2 Расположение компоненты Набор фильтров и взаимосвязь с компонентой Таблица
- Добавить компоненты “Кнопка для фильтрации” и “Кнопка очистки фильтра” внутрь компоненты “Набор фильтров” для возможности запуска процесса фильтрации по значению из компоненты “Постановщик задачи” (кнопки нужны потому,что в свойстве компоненты “Набор фильтров” отключен режим “Фильтровать сразу”)

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

рис.4 Настройка графа сущности и основных параметров компонентыФильтр по полю ввода с подбором значения
- Настроить колонки компоненты Фильтр по полю ввода с подбором значения (рис.5)
рис.5 Настройка колонок компоненты Фильтр по полю ввода с подбором значения
- Настроить операцию фильтрации (рис.6)

рис.6 Настройка операции фильтрации
- Настроить колонку фильтрации (рис.7)

рис.7 Настройка колонки фильтрации
Данная настройка означает, что после выбора пользователем одного или несколькихзначений в компоненте “Фильтр по полю ввода с подбором значения” система должна найти хотя бы одно (параметр "Правило обработки MultiValue значений выставлен в значение ‘ИЛИ’) из этих значений по идентификатору employee.employee_id среди строк в таблице tasks.reporter_employee_id (параметр “Фильтровать по …”)
На этом настройка страницы закончена, можно собрать приложение и проверить работу компоненты.
Результат выполнения задачи:
После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что на странице отображаются таблица и блок фильтрации с компонентой “Фильтр по полю ввода с подбором значения” (рис.8 - рис.13)
|
|
|
|
|
рис.8 Открытие страницы. В таблице указаны все задачи всех постановщиков. После ввода первой буквы будущей строки с фамилией пока ничего не происходит. |
рис. 9 Активизация компоненты после ввода второй буквы будущей строки с фамилией. Компонента согласно своим настройкам начинает предлагать варианты, в которых содержится сочетание букв "ро" (как в начале, так и любом месте строки). |
рис.10 После ввода дополнительных букв будущей строки фамилии компонента сужает список предлагаемых вариантов. |
|
|
|
|
|
рис.11 Выбор одного из вариантов и поиск следующего. Клавишей ввод на клавиатуре подтверждаем первую фамилию из списка, предложенного компонентой. Продолжаем набирать буквы для поиска фамилии следующего постановщика задачи. |
рис.12 Выбор одновременно двух сотрудников осуществлен. Нажимаем кнопку "Применить", чтобы система отфильтровала список задач, в которых постановщиками являются эти сотрудники |
рис.13 Система отфильтровала список задач только по тем сотрудникам, которые были указаны в компоненте как постановщики задач |
image2019-3-21_15-57-49.png (image/png)
image2019-3-21_16-2-40.png (image/png)
image2019-3-21_16-6-51.png (image/png)
image2019-3-22_15-18-48.png (image/png)
image2019-3-22_15-20-9.png (image/png)
image2019-3-22_15-21-11.png (image/png)
image2019-3-22_15-22-3.png (image/png)
image2019-3-22_15-23-18.png (image/png)
image2019-3-22_15-23-43.png (image/png)
image2019-3-22_15-25-5.png (image/png)
image2019-3-22_15-25-35.png (image/png)
image2019-3-22_15-26-36.png (image/png)
image2019-3-22_15-30-3.png (image/png)
image2019-3-22_15-30-18.png (image/png)
image2019-3-22_15-32-51.png (image/png)
image2019-4-10_15-37-9.png (image/png)
image2019-4-10_15-41-23.png (image/png)
image2019-4-10_16-39-56.png (image/png)
image2019-4-10_16-48-47.png (image/png)
image2019-4-10_18-16-58.png (image/png)
image2019-4-10_18-20-12.png (image/png)
image2019-4-10_18-22-13.png (image/png)
image2019-4-10_18-46-36.png (image/png)
image2019-4-10_18-47-8.png (image/png)
image2019-4-10_18-47-41.png (image/png)
image2019-4-10_18-48-6.png (image/png)
image2019-4-10_18-48-28.png (image/png)
image2019-4-10_18-48-42.png (image/png)
image2019-4-10_18-48-55.png (image/png)
image2019-4-10_18-49-15.png (image/png)
image2019-4-11_10-34-31.png (image/png)
image2019-4-11_15-37-26.png (image/png)
image2019-4-11_15-38-18.png (image/png)





