gojs中node有哪些事件
时间: 2024-06-04 15:08:02 浏览: 19
在 GoJS 中,Node(节点)有许多事件,以下是其中的一些:
1. click:当用户单击节点时触发。
2. doubleClick:当用户双击节点时触发。
3. mouseEnter:当鼠标进入节点时触发。
4. mouseLeave:当鼠标离开节点时触发。
5. contextMenu:当用户右键单击节点时触发。
6. layoutCompleted:当节点布局完成时触发。
7. selectionChanged:当节点被选中或取消选中时触发。
8. locationChanged:当节点位置改变时触发。
9. boundsChanged:当节点大小改变时触发。
10. portAdded:当节点端口被添加时触发。
11. portRemoved:当节点端口被移除时触发。
12. linkConnected:当节点与另一个节点连接时触发。
13. linkDisconnected:当节点与另一个节点断开连接时触发。
14. adornmentAdded:当节点装饰被添加时触发。
15. adornmentRemoved:当节点装饰被移除时触发。
这些事件可以通过在节点模板中添加监听器来处理。
相关问题
gojs节点的全部事件
GoJS节点的常用事件包括:
1. click:当用户单击节点时触发。可以使用`node.addEventListener('click', function(event) {...})`来添加click事件监听器。
2. doubleClick:当用户双击节点时触发。可以使用`node.addEventListener('doubleClick', function(event) {...})`来添加doubleClick事件监听器。
3. contextMenu:当用户右键单击节点时触发。可以使用`node.addEventListener('contextMenu', function(event) {...})`来添加contextMenu事件监听器。
4. mouseEnter:当用户将鼠标移动到节点上时触发。可以使用`node.addEventListener('mouseEnter', function(event) {...})`来添加mouseEnter事件监听器。
5. mouseLeave:当用户将鼠标从节点上移开时触发。可以使用`node.addEventListener('mouseLeave', function(event) {...})`来添加mouseLeave事件监听器。
6. mouseOver:当用户将鼠标移动到节点上时触发。可以使用`node.addEventListener('mouseOver', function(event) {...})`来添加mouseOver事件监听器。
7. mouseOut:当用户将鼠标从节点上移开时触发。可以使用`node.addEventListener('mouseOut', function(event) {...})`来添加mouseOut事件监听器。
8. select:当节点被选中时触发。可以使用`node.addDiagramListener('ObjectSingleSelected', function(event) {...})`来添加select事件监听器。
9. unselect:当节点被取消选中时触发。可以使用`node.addDiagramListener('ObjectSingleDeselected', function(event) {...})`来添加unselect事件监听器。
10. mouseDrop:当用户在节点上释放鼠标按钮时触发。可以使用`node.addDiagramListener('ExternalObjectsDropped', function(event) {...})`来添加mouseDrop事件监听器。
11. layoutCompleted:当节点布局完成时触发。可以使用`node.addDiagramListener('LayoutCompleted', function(event) {...})`来添加layoutCompleted事件监听器。
12. animationFinished:当节点动画完成时触发。可以使用`node.addDiagramListener('AnimationFinished', function(event) {...})`来添加animationFinished事件监听器。
13. propertyChanged:当节点属性发生变化时触发。可以使用`node.addChangedListener(function(event) {...})`来添加propertyChanged事件监听器。
14. dataChanged:当节点数据发生变化时触发。可以使用`node.addModelChangedListener(function(event) {...})`来添加dataChanged事件监听器。
15. removed:当节点从图表中删除时触发。可以使用`node.addDiagramListener('ObjectRemoved', function(event) {...})`来添加removed事件监听器。
以上是一些常用的GoJS节点事件,具体的事件可参考GoJS官方文档。
gojs节点点击事件
在 GoJS 中,可以通过注册事件监听器来实现节点的点击事件。具体步骤如下:
1. 获取需要添加点击事件的节点对象,可以通过 `myDiagram.findNodeForKey(nodeKey)` 方法来获取指定 key 的节点对象。
2. 注册节点的点击事件监听器,可以使用 `DiagramEventTools.singleClick` 方法来注册,该方法会返回一个事件监听器函数。
3. 在监听器函数中编写实现逻辑,比如修改节点的颜色、显示节点信息等。
以下是一个示例代码:
```javascript
// 获取需要添加点击事件的节点对象
var node = myDiagram.findNodeForKey(nodeKey);
// 注册节点的点击事件监听器
node.addDiagramListener("ObjectSingleClicked", function(e) {
// 在监听器函数中编写实现逻辑
var clicked = e.subject;
if (clicked !== null) {
// 修改节点的颜色
clicked.part.fill = "lightblue";
// 显示节点信息
console.log("You clicked on " + clicked.data.text);
}
});
```
在此示例中,我们获取了 key 为 `nodeKey` 的节点对象,并注册了该节点的点击事件监听器,当点击该节点时,会将节点的颜色修改为 `lightblue`,并在控制台中输出该节点的文本信息。你可以根据自己的需要修改代码实现不同的逻辑。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)