如何在 cytoscape.js 中为单独的点击事件对节点进行分组
How can I group nodes for seperate on click events in cytoscape.js
我想在 cytoscape 中'标记'节点.js这样我就可以为不同的节点组使用不同的点击处理程序。我知道我可以使用他们的 ID 或姓名作为选择器,但我想知道我是否可以使用自定义标签来执行此操作?
这是我正在尝试的..
<style>
body {
font-family: helvetica;
font-size: 14px;
}
#cy {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 999;
}
h1 {
opacity: 0.5;
font-size: 1em;
}
</style>
<script>
$(function(){
var cy = window.cy = cytoscape({
container: document.getElementById('cy'),
textureOnViewport: true,
pixelRatio: 1,
ready: function(){
},
style: [
{
selector: 'node',
css: {
'content': 'data(name)',
'shape':'data(shape)',
'width': 'data(width)',
'height': 'data(height)',
'border-color': 'data(bordercolor)',
'border-width': 'data(borderwidth)',
'color': '#fff',
'type': 'cat'
}
},
{
selector: 'edge',
css: {
'target-arrow-shape': 'triangle',
'content': 'data(label)'
}
},
],
});
});
$.getJSON('<%= url_for(‘getdata’) %>',
function (data) {
cy = $('#cy').cytoscape("get");
cy.load(data);
cy.layout({name: 'cose',
});
cy.$('node[type = “cat”]’).on('click',function(e){
//do something
});
});
</script>
</head>
<body>
<h1>Demo</h1>
<div id="cy"></div>
</body>
你放错了元素数据,把它放在样式表中。 请参阅 JSON 规范:http://js.cytoscape.org/#notation/elements-json
相关文章:
- Dracula Graph js节点点击事件
- 克隆节点会重复事件
- 节点.js在一定时间后发出事件
- 查找将 onclick 事件分配给节点的代码
- 在源节点上调用 stop() 是否会触发已结束的事件
- 在带有 标记的树节点上以编程方式触发单击事件
- 检测单击子节点并发送槽事件处理程序
- 节点 js 中的请求和响应事件如何彼此不同
- 如何在节点事件上触发 JavaScript
- AlloyUI:对节点做出反应 - 在图表生成器中单击事件
- JsTree:如何在将节点从一棵树拖到第二棵树时获取事件
- 如何在D3中添加一个强制拖动事件,并使节点停留在我离开它的地方
- 将事件添加到涉及for()的索引中的多个子节点
- Jquery onclick事件加载XML的特定节点
- 如何在JavaScript中删除子节点触发点击事件时的父节点
- 您应该如何从节点中的事件发射器继承
- 其他模块中的节点事件发射器
- 如何从节点.js请求对象读取数据事件(块)
- 删除节点的内联事件处理程序/属性
- “exit”- 从节点.js集群中的主进程终止时工作进程中的事件