Класс ItemNode

Конструктор

constructor(item: Item, nodeOptions: ItemNodeOptions): ItemNode

Создает объект класса ItemNode.

Для создания DOM-узлов элемента используйте метод item.createNode() или опцию nodeOptions в конструкторе класса Item.

• item — элемент (объект класса Item), для которого будет создан DOM-узел.
• nodeOptions — опции элемента, которые определяются структурой ItemNodeOptions.

export type ItemNodeOptions = {
	itemOrder?: ItemNodeOrder,
	open?: boolean,
	dynamic?: boolean,
	title?: string | TextNodeOptions,
	subtitle?: string | TextNodeOptions,
	supertitle?: string | TextNodeOptions,
	caption?: string | TextNodeOptions,
	captionOptions?: CaptionOptions,
	avatar?: string,
	avatarOptions?: AvatarOptions,
	textColor?: string,
	link?: string,
	linkTitle?: string | TextNodeOptions,
	badges?: ItemBadgeOptions[],
	badgesOptions?: BadgesOptions,
};

• itemOrder?: ItemNodeOrder

  Сортировка элементов внутри DOM-узла. Определяется структурой ItemNodeOrder:

  export type ItemNodeOrder = (
  	{ [field: string]: 'asc' | 'desc' | 'asc nulls first' | 'asc nulls last' | 'desc nulls first' | 'desc nulls last' }
  	|
  	(a: ItemNode, b: ItemNode) => number
  );
  

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

  const options = {
  	itemOrder: { title: 'asc', sort: 'asc', id: 'desc' }
  };
  

  Если сортировки по полям не хватает, можно определить свою функцию, определяющую порядок сортировки.

  const options = {
  	itemOrder: (nodeA: ItemNode, nodeB: ItemNode) => {
  		const itemA = nodeA.getItem();
  		const itemB = nodeB.getItem();
  
  		return itemA.getSort() - itemB.getSort(); 
  	}
  };
  



• open?: boolean

  Определяет развернутость DOM-узла с вложенными элементами. Для динамических узлов значение true приводит к автоматической загрузке вложенных элементов.



• dynamic?: boolean

  Определяет динамический узел. При нажатии на такой узел будет выполнен запрос на бэкенд для загрузки вложенных элементов-потомков.



• title?: string | TextNodeOptions

  Заголовок DOM-узла. Определяется либо строкой, либо структурой TextNodeOptions.
  Если значение не задано, заголовок будет искаться у элемента, к которому относится DOM-узел.



• subtitle?: string | TextNodeOptions

  Подзаголовок DOM-узла. Определяется либо строкой, либо структурой TextNodeOptions.
  Если значение не задано, подзаголовок будет искаться у элемента, к которому относится DOM-узел.



• supertitle?: string | TextNodeOptions

  Надзаголовок DOM-узла. Определяется либо строкой, либо структурой TextNodeOptions.
  Если значение не задано, надзаголовок будет искаться у элемента, к которому относится DOM-узел.



• caption?: string | TextNodeOptions

  Подпись DOM-узла. Определяется либо строкой, либо структурой TextNodeOptions.
  Если значение не задано, подпись будет искаться у элемента, к которому относится DOM-узел.



• captionOptions?: CaptionOptions

  Дополнительные настройки подписи элемента. Определяются структурой CaptionOptions.
  Если значение не задано, настройки будут искаться у элемента, к которому относится DOM-узел.



• avatar?: string

  Аватар DOM-узла. Указывается либо путь к изображению, либо файл в формате Data URL.
  Если значение не задано, аватар будет искаться у элемента, к которому относится DOM-узел.

  • avatarOptions?: AvatarOptions

    Дополнительные настройки аватара DOM-узла.

    Определяются структурой AvatarOptions. Если значение не задано, настройки аватара будут искаться у элемента, к которому относится DOM-узел.



• textColor?: string

  Цвет текста заголовка DOM-узла. Если значение не задано, цвет текста заголовка будет искаться у элемента, к которому относится DOM-узел.



• link?: string

  Адрес ссылки "подробнее". Если значение не задано, адрес ссылки будет искаться у элемента, к которому относится DOM-узел.



• linkTitle?: string | TextNodeOptions

  Заголовок ссылки "подробнее". Если значение не задано, заголовок ссылки будет искаться у элемента, к которому относится DOM-узел.



• badges?: ItemBadgeOptions[]

  Массив бейджей DOM-узла. Каждый бейдж определяется структурой ItemBadgeOptions.
  Если значение не задано, бейджи будут искаться у элемента, к которому относится DOM-узел.



• badgesOptions?: BadgesOptions

  Дополнительные настройки для блока с бейджами. Определяются структурой BadgesOptions.
  Если значение не задано, настройки будут искаться у элемента, к которому относится DOM-узел.

Методы