Виды представлений#

List — Список#

Предназначение#

Отображение элементов в виде списка

Class: list

Модель данных#

interface IListViewItem {
    id: string,
    icon?: IViewIcon;
    avatar?: IViewUser;
    title: IViewTitle;
    description?: IViewDescription;
    fields: IViewField[];
    chips?: IViewChip[];
    users: IViewUser[];
    docUrl?: string;
}

Внешний вид#

Список для отображения информации о доступных пользователю экземплярах формы#

List View

Список для отображения и скачивания отчетов#

List View

Список для отображения плоских справочников#

List View

Tree — Дерево#

Предназначение#

Отображение списка элементов в виде дерева

Class: tree

Модель данных#

interface ITreeViewItem {
    id: string;
    title: IViewTitle;
    description?: IViewDescription;
    icon?: IViewIcon;
    parentId: string | null;
    isFolder?: boolean;
}

Внешний вид#

List View

Grid — Карточки#

Предназначение#

Используется для отображения списка экземпляров представления в виде карточек

Class: grid

Модель данных#

interface IGridViewItem {
    id: string;
    topChip?: IViewChip;
    caption: IViewCaption;
    title: IViewTitle;
    description: IViewDescription;
    images?: IViewImage;
    chips?: IViewChip[];
    users: IViewUser[];
}

Внешний вид#

List View

Drawing2d — Чертёж#

Предназначение#

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

Class: drawing2d

Модель данных#

interface IDrawing2dViewItem {
    id: string,
    title: IViewTitle;
    description?: IViewDescription;
    pin: object[];
    shapes: object[];
    document: object;
}

Внешний вид#

List View