mxgraph 怎么给cell的dom设置class,或者说给cell添加上class类名
时间: 2024-03-20 12:40:39 浏览: 40
你可以使用mxGraph的setAttribute方法来为cell添加class属性,示例代码如下:
```
var graph = new mxGraph(container);
var style = graph.getStylesheet().getDefaultVertexStyle();
style[mxConstants.STYLE_SHAPE] = mxConstants.SHAPE_RECTANGLE;
var parent = graph.getDefaultParent();
graph.getModel().beginUpdate();
try {
var vertex = graph.insertVertex(parent, null, 'Hello, World!', 20, 20, 80, 30);
var cell = vertex.cell;
var state = graph.view.getState(cell);
state.shape.node.setAttribute('class', 'my-class');
} finally {
graph.getModel().endUpdate();
}
```
在这个示例中,我们通过insertVertex方法创建了一个矩形形状的vertex,然后获取了它的cell,并通过view.getState方法获取了它对应的state。最后,我们通过setAttribute方法将state对应的DOM元素的class设置为`my-class`。
注意,在设置class属性时,如果该属性已经存在,则会被覆盖;如果不存在,则会被创建。如果需要添加类名而不是覆盖,请使用DOM API中的classList.add方法。
阅读全文