Контейнеры и дорожки
Контейнеры позволяют создавать на досках области с рамками, дорожки, блоки пакетов UML и другие структуры с отношениями между родительскими и дочерними элементами. Принадлежность к контейнеру хранится в дочерних элементах в поле parentId, а для дорожек — также в поле laneId.
Создание контейнера
TypeScript
const board = univerAPI.getActiveBoard()if (!board) throw new Error('No active Board')const containerId = 'scope'const containerCreated = board.createContainer({ id: containerId, title: 'Scope', left: 80, top: 80, width: 640, height: 360,})if (!containerCreated) { throw new Error('Cannot create container')}Перемещение элементов в контейнер
TypeScript
board.moveElementsToContainer(['card-1', 'card-2'], containerId)board.fitContainerToContent(containerId)Настройка поведения вложенных элементов
TypeScript
board.setContainerMembershipLocked(containerId, true)board.setContainerAutoResize(containerId, false)Дорожки
Дорожки — это контейнеры с настройками отдельных секций. Специальные методы фасада позволяют добавлять, удалять, изменять размер и порядок секций, сворачивать их и переименовывать.
TypeScript
const swimlaneId = 'delivery'const swimlaneCreated = board.createSwimlane({ id: swimlaneId, left: 80, top: 80, width: 720, height: 360, orientation: 'horizontal', lanes: [ { id: 'todo', title: 'Todo', size: 240 }, { id: 'done', title: 'Done', size: 240 }, ],})if (!swimlaneCreated) { throw new Error('Cannot create swimlane')}board.renameSwimlaneLane(swimlaneId, 'todo', 'Backlog')Насколько полезно это руководство?