mxgraph添加cell
时间: 2023-10-10 16:07:59 浏览: 224
mxgraph中右键和toolbar工具条的实现
4星 · 用户满意度95%
要向 mxGraph 中添加 cell,需要创建一个 mxCell 对象,并将其添加到 mxGraph 中。以下是一个示例代码片段,演示如何创建一个简单的矩形 cell 并将其添加到 mxGraph 中:
```javascript
// 创建一个矩形 cell
var rectangle = new mxCell('My Rectangle', new mxGeometry(0, 0, 100, 50), 'shape=rectangle');
// 将矩形 cell 添加到 mxGraph 中
graph.getModel().beginUpdate();
try {
graph.addCell(rectangle);
} finally {
graph.getModel().endUpdate();
}
```
在这个例子中,我们使用 mxCell 构造函数创建了一个新的矩形 cell,该 cell 的标签为 'My Rectangle',其几何位置为 (0, 0) 并且宽度和高度分别为 100 和 50。我们还将样式属性 'shape=rectangle' 传递给 mxCell 构造函数,以确保矩形的形状正确。
然后,我们使用 mxGraph 的 addCell 方法将该 cell 添加到图形中。请注意,我们在添加 cell 之前使用 beginUpdate 方法开始了一个事务,并在添加完成后使用 endUpdate 方法结束该事务。这是因为在 mxGraph 中添加、更新或删除 cell 时,必须处于事务中。
阅读全文