Contenedores y carriles
Los contenedores permiten que los tableros representen áreas enmarcadas, carriles, bloques de paquetes UML y otras estructuras padre-hijo. La membresía del contenedor se almacena en elementos secundarios a través de parentId y, para carriles, laneId.
Crear un contenedor
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')}Mover elementos a un contenedor
TypeScript
board.moveElementsToContainer(['card-1', 'card-2'], containerId)board.fitContainerToContent(containerId)Configurar el comportamiento de membresía
TypeScript
board.setContainerMembershipLocked(containerId, true)board.setContainerAutoResize(containerId, false)Carriles
Los carriles son contenedores con configuración de carriles. Utilice las API de fachada dedicadas para agregar, eliminar, cambiar el tamaño, reordenar, contraer y cambiar el nombre de los carriles.
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')¿Cómo es esta guía?