mxgraph一些常用方法
// 无效 graph.setEnabled(false); // 连接 graph.setConnectable(true); // 提示信息 graph.setTooltips(true); // 右键移动容器坐标轴 graph.setPanning(true); // 容器大小自适应 graph.setResizeContainer(true); // 鼠标框选 new mxRubberband(graph); // 动态改变样式 graph.getView().updateStyle = true; // 重复连接 graph.setMultigraph(false); // Label 将显示 Html 格式的 Value graph.setHtmlLabels(true); // 禁用浏览器默认的右键菜单栏 mxEvent.disableContextMenu(container); // 允许移动 Vertex 的 Label graph.setVertexLabelsMovable(true); // 禁止改变元素大小 graph.setCellsResizable(false); // 允许连线的目标和源是同一元素 graph.setAllowLoops(true); ------节点样式设置 1、如何设节点颜色? 通过属性fillColor(填充色)、gradientColor(渐变色),设为一样的颜色就是节点颜色了。 2、如何设置透明颜色? 在配置文件中none可设为默认颜色,transparent可设透明颜色 3、节点不可改变大小 0否,1是 4、节点与连线紧密连接,无空隙 5、节点颜色渐变方向? 6、如果不用配置文件? 你可以通过cell.setStyle("XXXX") 来实现样式的动态设置。 XXX形如:"样式属性=属性值;样式属性2=属性值2;",可通过mxGraph官方doc搜索mxConstants来查找你需要的属性。 若设定选中节点的样式,还可通过graph.setCellStyles(mxConstants.属性,mxConstants.属性值);来设定该节点的样式。如:graph.setCellStyles(mxConstants.STYLE_GRADIENT_DIRECTION,mxConstants.DIRECTION_NORTH);
graph.setConnectable(true); // 是否允许Cells通过其中部的连接点新建连接,false则通过连接线连接
graph.setDropEnabled(true); // 从工具栏拖动到目标细胞时细胞边界是否产生光圈
graph.setTooltips(true); // 是否显示提示,默认显示Cell的名称
graph.setEnabled(false);//设置启用,就是允不允许你改变CELL的形状内容。
graph.setPanning(true);//移动镜头
graph.setCellsResizable(false);//节点不可改变大小
graph.connectionHandler.setCreateTarget(true);//是否创建目标
mxGraphHandler.prototype.setMoveEnabled(false);//是否可以移动
mxGraphHandler.prototype.guidesEnabled = true;//显示细胞位置标尺 /*禁用节点双击,防止改变数据 */
graph.dblClick = function (evt, cell) { var model = graph.getModel(); if (model.isVertex(cell)) { return false; } }; //重写方法不允许那条线(edge)可以编辑
graph.isCellEditable = function(cell) { return !this.getModel().isEdge(cell)&&!this.getModel().isVertex(cell); };