Qunee for HTML5 - 中文 : 选中过滤、移动过滤

移动过滤

控制图元能否移动 - isMovable(item) → {Boolean}

默认取图元的movable属性,用户可以定制逻辑:

isMovable : function(item) {
 return item.movable !== false;
}

示例,通过图元名称判断图元能否移动

var canMove = graph.createNode("Q-Node", -100, -50);
var cannotMove = graph.createNode("Node", 100, 50);
var edge = graph.createEdge("Hello\nQunee", canMove, cannotMove);
graph.isMovable = function(item){
    return item.name && item.name.indexOf('Q') === 0;
}

 选中过滤

类似的还有能否选中控制函数

  • isSelectable(item) → {Boolean} - 能否选中
  • isSelected(element) → {Boolean} - 图元是否被选中