Conteneurs et couloirs
Les conteneurs permettent de représenter dans les Boards des zones encadrées, des couloirs, des blocs de paquetage UML et d’autres structures parent-enfant. L’appartenance à un conteneur est enregistrée dans les éléments enfants au moyen de parentId et, pour les couloirs, de laneId.
Créer un conteneur
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')}Déplacer des éléments dans un conteneur
TypeScript
board.moveElementsToContainer(['card-1', 'card-2'], containerId)board.fitContainerToContent(containerId)Configurer le comportement d’appartenance
TypeScript
board.setContainerMembershipLocked(containerId, true)board.setContainerAutoResize(containerId, false)Couloirs
Les couloirs sont des conteneurs dotés d’une configuration de couloirs. Utilisez les API de façade dédiées pour ajouter, supprimer, redimensionner, réorganiser, replier et renommer les couloirs.
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')Que pensez-vous de ce guide ?