Cytoscape 3.5.0 -升级到Cytoscape 3.11.0-不变
复合子节点样式未显示在addClass上,但父节点会显示
我在onClick事件期间已成功将其他类添加到选定的Node元素:
cy.on('click','node',(evt) => (...
但是,当我单击“父级”时,我只会看到“样式”更改,而不能看到“子级”。单击“子节点”时,我发现它已在console.log输出中添加了“类”,与对父节点的添加方式相同,但是在“子”图中没有看到预期的样式更改就像我为父母所做的一样。
我已经做了大量实验,没有成功阅读文档和示例,但是令人困惑的是,父样式会随addClass发生变化,而子样式不会发生变化。
我很茫然。谢谢您对此提供的任何帮助。
控制台日志:
(2)[“控制器”,“ selectedNode”]
0:“控制器”
1:“ selectedNode”
长度:2
proto :数组(0)
Onclick事件:
cy.on('click',(evt) => {
cy.elements().removeclass('selectedNode');
let selectedNode = cy.$('#'+evt.target.id());
selectedNode.addClass('selectedNode');
console.log(selectedNode.classes());
});
选择器类:
{
selector: '.controller',style: {
'background-color': 'lightgrey','color': '#737373','font-weight': 'bold','background-opacity': 0.115,'content': 'data(label)','text-valign': 'bottom','text-wrap': 'wrap','shape': 'roundrectangle','border-width': .001,'border-color': 'lightgrey','font-size': 24,'height': 46,'width': 85,'background-image': '/networkdiagram/controller.svg','background-fit': 'cover cover',}
},{
selector: '.selectedNode',style: {
'border-width': 8,'border-color': '#5da963',}
}