Иерархический проводник

Контрол позволяет отображать данные из различных источников данных в виде таблицы, плитки, а также в режиме отображения результатов поиска. В каждом режиме над контролом могут отображаться хлебные крошки, используемые для навигации по иерархии проводника. В контроле можно включить поведение проваливания в узел, когда при клике по узлу — такой узел становится корнем иерархии. При этом контрол будет отображать только содержимое выбранного узла.

В следующем примере иерархический проводник отображается в режиме "Таблицаы".

Документация API Спецификация Axure

Базовая конфигурация

Пример настройки контрола с указанием минимального числа опций.

Колонки

Настройка визуального представления колонок, вертикальных разделителей, пользовательского шаблона отображения, а также обработка событий, происходящих при взаимодействии с колонками.

Режим отображения проводника

Настройка режима отображения проводника в виде таблицы, плитки, а также в режиме отображения результатов поиска.

Навигация по разделам

Настройка отображения хлебных крошек. Настройка узла, содержимое которого отображается в проводнике.

Шаблон отображения элемента

Для проводника можно установить пользовательский шаблон отображения элемента. С его помощью настраивают отображаемый контент, вид курсора, подсветку элемента, позиционирование панели с опциями записи, видимость маркера для активного элемента, а также отображение чекбокса в режиме множественного выбора.

Шапка проводника

Настройка визуального представления шапки иерархического проводника.

Итоги

В иерархическом проводнике можно отобразить итоги (результат суммирования по данным колонок) в виде единой строки либо с разбиением по колонкам.

Разделители колонок и строк

Настройка размеров горизонтальных разделителей элементов иерархического проводника, а также вертикальных разделителей всех или отдельных колонок проводника.

Лесенка

Лесенка позволяет скрывать одинаковые значения колонок в смежных элементах иерархического проводника, показывая значения только в первом элементе. Это используется для того, чтобы снизить визуальную загруженность контрола.

Горизонтальная прокрутка

Если суммарная ширина иерархического проводника больше его представления, то можно настроить горизонатльную прокрутку, фиксацию столбцов при прокрутке, а также перетаскивание элементов по вертикали.

Узлы проводника

Для контрола можно определить начальное состояния узлов (развернуты или свернуты), видимость экспандера и режим его работы. Также поддерживается обработка событий, происходящих при изменении состояния узлов.

Шаблон отображения пустого проводника

Если проводник не получает данные из источника, то контрол отображается без элементов. Чтобы контрол не выглядел "пустым", в его контентной области можно вывести пользовательский шаблон. Такой шаблон используют, чтобы уведомить пользователя об отсутствии загруженных данных и предоставить варианты дальнейших действий на странице. Также можно использовать уже готовые шаблоны с возможностью выбора медиаконтента из библиотеки.

Шаблон отображения подвала

Контрол предоставляет возможность задать пользовательский шаблон отображения подвала иерархического проводника.

Настройка отступов

Можно настроить отступы между элементами иерархического проводника.

Настройка фона

Контрол предоставляет возможность задать пользовательский цветовой стиль фона иерархического проводника.