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

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

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

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

рис.4 Настройка графа сущности и основных параметров компоненты Фильтр по полю адреса ФИАС
“Настроить колонки фильтрации” означает, что после выбора пользователем значения в компоненте “Фильтр по полю адреса ФИАС” система должна найти это значениесреди строк в таблице tasks.fiasid (параметр “Фильтровать по …”)
На этом настройка страницы закончена, можно собрать приложение и проверить работу компоненты.
Результат выполнения задачи:
После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что на странице отображаются таблица и блок фильтрации с компонентой “Фильтр по полю ввода с подбором значения” (рис.5)



Форма открывается с пустыми полями
При вводе первых двух букв система не реагирует, ждет третью
После появления очередной буквы, позволяющей индивидуализировать подбираемое значение, показывается список адресов, удовлетворяющих заданному в настройках фильтру (Ленина) и набранной пользователем подстроке (Казань).
Из всего списка остались доступными 2 варианта адресов.


Нажимаем кнопку применить и список отфильтровывается только по тем задачам, которые назначены на выбранную улицу.
Пример работы компоненты для случая, когда в настройках компоненты “фильтр по умолчанию” не заполнен.
рис.5 Работа компоненты в запущенном приложении
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-11_15-37-26.png (image/png)
image2019-4-11_15-38-18.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-49-15.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-11_10-34-31.png (image/png)
image2019-8-19_16-42-45.png (image/png)
image2019-8-19_16-43-29.png (image/png)
image2019-8-13_17-48-56.png (image/png)
image2019-8-13_17-52-5.png (image/png)
image2019-8-13_17-52-39.png (image/png)
image2019-8-13_17-55-17.png (image/png)
image2019-8-13_17-59-42.png (image/png)
image2019-8-19_17-6-41.png (image/png)
image2019-8-19_17-7-23.png (image/png)
image2019-8-19_17-7-59.png (image/png)
image2019-8-19_17-8-2.png (image/png)
image2019-8-19_17-8-11.png (image/png)
image2019-8-19_17-10-14.png (image/png)
image2019-8-19_17-11-45.png (image/png)
image2019-8-19_17-14-21.png (image/png)
image2019-8-19_17-19-21.png (image/png)