Javascript 取消高亮显示纸上的所有单元格视图-jointjs
我们最近添加了jointjs的突出显示功能,以向用户显示当前突出显示和选择的CellView。但是,如果用户单击外部,我们希望取消高亮显示图纸上绘制的所有CellView。在调查了官方文档之后,我们无法找到满足我们需求的解决方案 突出显示CellView的代码是: 在“单元格:指针单击”上,cellView:any=>{ cellView.highlight; };Javascript 取消高亮显示纸上的所有单元格视图-jointjs,javascript,jointjs,rappid,Javascript,Jointjs,Rappid,我们最近添加了jointjs的突出显示功能,以向用户显示当前突出显示和选择的CellView。但是,如果用户单击外部,我们希望取消高亮显示图纸上绘制的所有CellView。在调查了官方文档之后,我们无法找到满足我们需求的解决方案 突出显示CellView的代码是: 在“单元格:指针单击”上,cellView:any=>{ cellView.highlight; }; 为了解决这个问题,我们迭代当前纸张区域上显示的所有CellView,并调用unhighlight函数。这个逻辑被放置在blank:
为了解决这个问题,我们迭代当前纸张区域上显示的所有CellView,并调用unhighlight函数。这个逻辑被放置在blank:pointerdown回调中,以便我们处理实际CellView之外的所有单击
this.paper.on('blank:pointerdown', (evt, x, y) => {
this.paper.findViewsInArea(this.paper.getArea()).forEach(cell => {
cell.unhighlight();
});
});
希望这有帮助。为了解决这个问题,我们迭代当前纸张区域显示的所有CellView,并调用unhighlight函数。这个逻辑被放置在blank:pointerdown回调中,以便我们处理实际CellView之外的所有单击
this.paper.on('blank:pointerdown', (evt, x, y) => {
this.paper.findViewsInArea(this.paper.getArea()).forEach(cell => {
cell.unhighlight();
});
});
希望这有帮助