Списки и их окружение

Списки используются для удобного отображения коллекции данных.

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

Плоский список

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

Многоколоночный список

Контрол позволяет отображать данные в виде списка из двух и более колонок.

Канбан

Контрол позволяет организовать элементы в виде доски задач.

Таблица

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

Дерево без колонок

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

Дерево с колонками

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

Плитка

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

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

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

Двухколоночный реестр / Мастер деталь

Двухколоночный реестр состоит из двух связанных между собой областей с контентом - master и detail, которые отображают подробную информацию по выбранному элементу или по выбранным параметрам фильтрации.

Редактор настроек каталога

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

Источники данных

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

Универсальные шаблоны элементов

Универсальные шаблоны элементов содержат настройки оформления элементов списочных контролов.

Работа списка без источника данных

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

Фильтрация и поиск

В списках можно отображать не все элементы, а только соответствующие указанным параметрам фильтрации.

Навигация

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

Группировка

Элементы списка можно объединять в группы по общему признаку и настраивать заголовки групп.

Сортировка

Элементы списка можно сортировать по значениям конкретных полей.

Действия над записями

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

Управление списком с помощью клавиатуры и мыши

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

Оптимизация производительности списка

Способы оптимизации производительности списка.

Работа с декораторами

В процессе разработки интерфейса веб-страницы при использовании контролов могут возникать случаи, когда некоторые цвета текста в разных случаях темизируются по-разному. Чтобы цвета темизировались правильно, декоратор предоставляет дополнительные значения для списочных контролов.

Плоский список

Многоколоночный список

Канбан

Таблица

Дерево без колонок

Дерево с колонками

Плитка

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

Двухколоночный реестр / Мастер деталь

Универсальные шаблоны элементов

Фильтрация и поиск

Навигация

Группировка

Сортировка

Действия над записями

Оптимизация производительности списка