//创建显示流程图的画布
createEdit: function() {
var self = this;
//创建流程图编辑器,先检查加载图形库
JxUtil.loadJxGraph();
self.editor = new mxCanvas('public/lib/graph/config/showeditor_nav.xml');
var graph = self.editor.graph;
//设置编辑器为只读
//由于设置setEnabled为false,分组块不能收缩了,所以采用下面的组合
graph.setCellsEditable(false);
graph.setCellsSelectable(false);
graph.setConnectable(false);
graph.setCellsMovable(false);
//设置导航图的任务节点的鼠标与移入移出效果
var track = new mxCellTracker(graph);
track.mouseMove = function(sender, me) {
var cell = this.getCell(me);
if (cell && self.isTask(cell)) {
//设置鼠标为样式为手状
me.getState().setCursor('pointer');
if (this.cur_cell == null) {
this.cur_cell = cell;
//设置鼠标移入节点效果