Класс Item
Класс представляет элемент диалога.
Конструктор
constructor(itemOptions: ItemOptions): Item
Создает объект класса Item
. Для добавления элементов в диалог используйте метод dialog.addItem() или опцию items
в конструкторе класса Dialog.
itemOptions
— опции элемента, которые определяются структурой ItemOptions
.
export type ItemOptions = { id: number | string, entityId: string, entityType?: string, 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, tagOptions?: { [key: string]: any }, tabs?: string[], searchable?: boolean, saveable?: boolean, deselectable?: boolean, selected?: boolean, hidden?: boolean, children?: ItemOptions[], nodeOptions?: ItemNodeOptions, customData?: { [key: string]: any }, sort?: number, };
id: number | string
Идентификатор элемента. Обязательный параметр.
entityId: string
Идентификатор сущности. Обязательный параметр.
entityType?: string
Тип сущности. По умолчанию
default
.title?: string | TextNodeOptions
Заголовок элемента.
Определяется либо строкой, либо структурой TextNodeOptions.
Если значение не задано, элемент будет выведен с пустым заголовком.subtitle?: string | TextNodeOptions
Подзаголовок элемента.
Определяется либо строкой, либо структурой TextNodeOptions. Если значение не задано, подзаголовок будет искаться в настройках сущности.supertitle?: string | TextNodeOptions
Надзаголовок элемента.
Определяется либо строкой, либо структурой TextNodeOptions.
Если значение не задано, надзаголовок будет искаться в настройках сущности.caption?: string | TextNodeOptions
Подпись элемента. Выводится справа от заголовка.
Определяется либо строкой, либо структурой TextNodeOptions.
Если значение не задано, подпись будет искаться в настройках сущности.captionOptions?: CaptionOptions
Дополнительные настройки подписи элемента. Определяются структурой
CaptionOptions
.export type CaptionOptions = { fitContent: boolean, maxWidth: number | string };
fitContent
— если задано значениеtrue
, ширина блока с подписью будет определяться шириной текста.maxWidth
— максимальная ширина подписи. Определяется в пикселях (задается числом) или с единицей измерения (задается строкой).
Если значение не задано, настройки будут искаться в настройках сущности.
avatar?: string
Аватар элемента. Указывается либо путь к изображению, либо файл в формате Data URL.
Если значение не задано, аватар будет искаться в настройках сущности.avatarOptions?: AvatarOptions
Дополнительные настройки аватара элемента. Определяются структурой
AvatarOptions
.export type AvatarOptions = { bgColor?: string, bgSize?: string, bgImage?: string, };
bgColor
— цвет фона аватара. Задается значениями CSS-свойстваbackground-color
.bgSize
— размер фона аватара. Задается значениями CSS-свойстваbackground-size
.bgImage
— изображение фона. Задается значениями CSS-свойстваbackground-image
.
Если значение не задано, настройки будут искаться в настройках сущности.
textColor?: string
Цвет текста заголовка. Если значение не задано, цвет текста заголовка будет искаться в настройках сущности.
link?: string
Адрес ссылки "подробнее". Если значение не задано, адрес ссылки будет искаться в настройках сущности.
linkTitle?: string | TextNodeOptions
Заголовок ссылки "подробнее".
Определяется либо строкой, либо структурой TextNodeOptions.
Если значение не задано, заголовок ссылки будет искаться в настройках сущности.badges?: ItemBadgeOptions[]
Массив бейджей элемента.
Каждый бейдж определяется структурой ItemBadgeOptions.
Если значение не задано, бейджи будут искаться в настройках сущности.badgesOptions?: BadgesOptions
Дополнительные настройки для блока с бейджами. Определяются структурой
BadgesOptions
.export type BadgesOptions = { fitContent: boolean, maxWidth: number | string };
fitContent
— если задано значениеtrue
, ширина блока с бейджами будет определяться шириной всех бейджей.maxWidth
— максимальная ширина блока с бейджами. Определяется в пикселях (задается числом) или с единицей измерения (задается строкой).
Если значение не задано, настройки будут искаться в настройках сущности.
tagOptions?: { [key: string]: any }
Настройки отображения элемента в виджете
TagSelector
.bgColor
— цвет фона.textColor
— цвет заголовка.maxWidth
— максимальная ширина элемента.fontWeight
— начертание шрифта заголовка элемента.avatar
— аватар элемента.link
— ссылка элемента.title
— заголовок элемента.
Если значение не задано, настройки будут искаться в настройках сущности.
tabs?: string | string[]
Идентификатор или массив идентификаторов вкладок, в которых отобразится элемент. Необязательный параметр. Если привязка к вкладке не указана, элемент все равно можно будет найти через поиск.
searchable?: boolean
Если задано значение
false
, такой элемент не будет найден в поиске. По умолчаниюtrue
.saveable?: boolean
Если задано значение
false
, такой элемент не будет сохраняться для вкладки "Последние". По умолчаниюtrue
.deselectable?: boolean
Если задано значение
false
, то у такого элемента нельзя будет снять выбор. По умолчаниюtrue
.selected?: boolean
Если задано значение
true
, то элемент будет автоматически выбран. СобытиеItem:onSelect
не происходит в этом случае. По умолчаниюfalse
.hidden?: boolean
Флаг, обозначающий скрытый элемент.
children?: ItemOptions[]
Массив дочерних элементов. Используется для создания древовидной структуры.
nodeOptions?: ItemNodeOptions
Дополнительные настройки для DOM-узла элемента.
Определяются структурой ItemNodeOptions.customData?: { [key: string]: any }
Произвольные дополнительные данные элемента.
sort?: number
Индекс сортировки элемента, по которому сортируются элементы на вкладке "Последние", а также в результатах поиска. По умолчанию не задан.
Методы
Метод | Описание | С версии |
---|---|---|
getId(): string | number | Возвращает идентификатор элемента. | |
getEntityId(): string | Возвращает идентификатор сущности. | |
getEntity(): Entity | Возвращает объект сущности. | |
getEntityType(): string | Возвращает тип сущности. Если тип не был указан, вернет default . | |
getTitle(): string | Возвращает заголовок элемента. Если заголовок не задан, вернет пустую строку. | |
setTitle(title: ?string | TextNodeOptions): void | Устанавливает заголовок элемента.
Заголовок определяется либо строкой, либо структурой TextNodeOptions. | |
getSubtitle(): ?string | Возвращает подзаголовок элемента.
Если для элемента значение не задано, подзаголовок будет искаться в настройках сущности. | |
setSubtitle(subtitle: ?string | TextNodeOptions): void | Устанавливает подзаголовок элемента.
Подзаголовок определяется либо строкой, либо структурой TextNodeOptions. | |
getSupertitle(): ?string | Возвращает надзаголовок элемента.
Если для элемента значение не задано, надзаголовок будет искаться в настройках сущности. | |
setSupertitle(supertitle: ?string | TextNodeOptions): void | Устанавливает надзаголовок элемента.
Надзаголовок определяется либо строкой, либо структурой TextNodeOptions. | |
getCaption(): ?string | Возвращает подпись элемента.
Если для элемента значение не задано, подпись будет искаться в настройках сущности. | |
setCaption(caption: ?string | TextNodeOptions): void | Устанавливает подпись элемента.
Подпись определяется либо строкой, либо структурой TextNodeOptions. | |
getAvatar(): ?string | Возвращает аватар элемента. Если для элемента значение не задано, аватар будет искаться в настройках сущности. | |
setAvatar(avatar: ?string): void | Устанавливает аватар элемента.
Указывается либо путь к изображению, либо файл в формате Data URL. | |
getAvatarOption(option: $Keys | Возвращает значение опции для настройки аватара элемента.
Название опции option определяется ключами структуры AvatarOptions.
Если для элемента значение не задано, аватар будет искаться в настройках сущности. | 21.600.0 |
setAvatarOption(option: $Keys | Устанавливает значение опции для аватара элемента.
Название опции option определяется ключами структуры AvatarOptions. | 21.600.0 |
setAvatarOptions(options: AvatarOptions): void | Устанавливает дополнительные настройки для аватара элемента.
Настройки опции option определяются структурой AvatarOptions. | 21.600.0 |
getTextColor(): ?string | Возвращает цвет текста заголовка.
Если для элемента значение не задано, цвет текста будет искаться в настройках сущности. | |
setTextColor(textColor: ?string): void | Устанавливает цвет текста заголовка. | |
getLink(): ?string | Возвращает адрес ссылки "подробнее".
Если для элемента значение не задано, адрес ссылки будет искаться в настройках сущности. | |
setLink(link: ?string): void | Устанавливает адрес ссылки "подробнее". | |
getLinkTitle(): ?string | Возвращает заголовок ссылки "подробнее".
Если для элемента значение не задано, заголовок ссылки будет искаться в настройках сущности. | |
setLinkTitle(linkTitle: ?string | TextNodeOptions): void | Устанавливает заголовок ссылки "подробнее".
Заголовок определяется либо строкой, либо структурой TextNodeOptions. | |
getBadges(): ItemBadge[] | Возвращает массив бейджей (объекты класса ItemBadge) элемента. Если для элемента значение не задано, бейджи будут искаться в настройках сущности. | |
setBadges(badges: ?ItemBadgeOptions[]): void | Устанавливает бейджи элемента.
Каждый бейдж определяется структурой ItemBadgeOptions. | |
getDialog(): Dialog | Возвращает объект диалога (объект класса Dialog), в который добавлен элемент. | |
createNode(nodeOptions: ItemNodeOptions): ItemNode | Создает новый DOM-узел элемент.
| |
removeNode(node: ItemNode): void | Удаляет DOM-узел элемента. | |
getNodes(): Set | Возвращает коллекцию DOM-узлов (объекты класса ItemNode). | |
select(preselectedMode: boolean = false): void | Устанавливает выбор на элементе. | |
deselect(): void | Снимает выбор с элемента. | |
isSelected(): boolean | Возвращает true , если элемент выбран. | |
setSearchable(flag: boolean): void | Устанавливает или отменяет участие элемента в поиске. | |
isSearchable(): boolean | Возвращает true , если элемент участвует в поиске. | |
setSaveable(flag: boolean): void | Устанавливает или отменяет запоминание выбора элемента для вкладки "Последние". | |
isSaveable(): boolean | Возвращает true , если выбор элемента запоминается для вкладки "Последние". | |
setDeselectable(flag: boolean): void | Устанавливает или отменяет возможность снять выбор с элемента. | |
isDeselectable(): boolean | Возвращает true , если у элемента можно отменить выбор. | |
setHidden(flag: boolean): void | Устанавливает или отменяет статус "скрытый" у элемента. | |
isHidden(): boolean | Возвращает true , если элемент скрытый. | |
setSort(sort: ?number): void | Устанавливает сортировку элемента. | |
getSort(): ?number | Возвращает сортировку элемента. | |
resetSearchIndex(): void | Сбрасывает поисковый индекс элемента. | |
getCustomData(): Map | Возвращает коллекцию дополнительных данных элемента. | |
isRendered(): boolean | Возвращает true , если элемент был добавлен и отрисован в диалоге. | |
getTagBgColor(): ?string | Возвращает цвет фона для элемента в виджете TagSelector. | |
getTagTextColor(): ?string | Возвращает цвет заголовка для элемента в виджете TagSelector. | |
getTagMaxWidth(): ?number | Возвращает максимальную ширину для элемента в виджете TagSelector. | |
getTagFontWeight(): ?string | Возвращает начертание шрифта для заголовка элемента в виджете TagSelector. | |
getTagAvatar(): ?string | Возвращает аватар для элемента в виджете TagSelector. | |
getTagLink(): ?string | Возвращает адрес ссылки для элемента в виджете TagSelector. |