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

Контрол «Иерархический проводник» позволяет отображать данные из различных источников в виде таблицы, иерархического списка или плитки.

Пример
Исходный код
<Controls.explorer:View
    source="{{_viewSource}}"
    keyProperty="id"
    columns="{{_columns}}"
    nodeProperty="parent@"
    parentProperty="parent"
    displayProperty="title"
    bind:root="_root"
    viewMode="{{_viewMode}}"
    header="{{_gridHeader}}" />

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

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

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

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

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

Шаблон отображения ячейки

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

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

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

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

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

Колонки

Поддерживается настройка шаблона отображения ячейки, шаблона колонки в строке итогов, выравнивания текста, ширины колонки, разделителей колонок.

Заголовок иерархического проводника

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

Горизонтальный скролл

Поддерживается конфигурация горизонтальной прокрутки колонок.

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

Поддерживается конфигурация горизонтальных разделителей записей.

Лесенка

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

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

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

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

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