Interface: MayHaveGroupingId

Expand

Интерфейс для элементов UI, которые можно группировать визуально.

Remarks

Использование:

• Элементы с одинаковым groupingId визуально объединяются в группу
• Между группами отображается разделитель
• Используется для организации меню и списков

Пример в меню:

Copy          (groupingId: 'clipboard')
Cut           (groupingId: 'clipboard')
───────────── (разделитель)
Paste         (groupingId: 'clipboard')
───────────── (разделитель)
Delete        (groupingId: 'edit')

Extended by

• BaseControl

Properties

groupingId?

readonly optional groupingId: string

Идентификатор группы, к которой относится элемент.

Remarks

Поведение:

• Элементы с одинаковым groupingId визуально группируются
• Между группами (разные groupingId) отображается разделитель
• Элементы без groupingId не группируются
• Порядок групп определяется order первого элемента в группе

Example

[
  { id: 'copy', title: 'Copy', groupingId: 'clipboard' },
  { id: 'cut', title: 'Cut', groupingId: 'clipboard' },
  { id: 'paste', title: 'Paste', groupingId: 'clipboard' },
  // Разделитель добавляется автоматически
  { id: 'delete', title: 'Delete', groupingId: 'edit' }
]