Qunee for HTML5 - 中文 : 选中管理容器

图元容器中还提供图元选中管理容器,通过该容器处理图元的选中和取消选中操作。

#selectionModel :Q.SelectionModel - 图元选择容器

  • 选中图元: model.selectionModel.select(...);
  • 取消图元选中:model.selectionModel.unselect(...);
  • 清除图元选中状态:model.selectionModel.clear();

选中变化事件

对应的提供选中变化事件派发器,用于监听图元的选中变化事件

#selectionChangeDispatcher :Q.Dispatcher - 图元选择变化事件派发器

示例

监听选中变化事件

var model = graph.graphModel;
var a = new Q.Node('A');
model.add(a);
var b = new Q.Node('B');
model.add(b);


model.selectionChangeDispatcher.addListener(function(evt){
    Q.log(evt.kind);
});
var selectionModel = model.selectionModel;
selectionModel.select(a);
selectionModel.unselect(a);
selectionModel.select(b);
selectionModel.clear();

打印结果

add
remove
add
clear