Javascript 父级中具有cytoscape的固定节点

我正在尝试使用Cytoscape.js执行类似的操作：

我希望模块是可拖动的，但内部节点必须固定在相对位置，并且不可选择。我找不到任何解决办法。谢谢你的帮助

我正在使用这个JSON结构：

elements: {
  nodes: [
     { data: { id: 'listener', name: 'Listener' } },
     { data: { id: 'listener-true', parent: 'listener', label: 'true' }, position: { x: 300, y: 55 } },
     { data: { id: 'listener-false', parent: 'listener', label: 'false' }, position: { x: 300, y: 85 } },
     { data: { id: 'configuration', name: 'Configuration' } },
     { data: { id: 'configuration-true', parent: 'configuration', label: 'true' }, position: { x: 100, y: 55 } },
     { data: { id: 'configuration-false', parent: 'configuration', label: 'false' }, position: { x: 100, y: 85 } },
  ],
  edges: [
     { data: { id: 'ad', source: 'configuration-true', target: 'listener' } }      
  ]
}

---

取消分类将禁用抓取：

取消选择将禁用选择：

---

事件：否

禁用所有事件：

取消分类禁用抓取：

取消选择将禁用选择：

---

events:no

禁用所有事件：

我已经在使用这些事件的组合，但这不可能做到我解释的事情，也不可能在单击模块的端口时触发事件。我已经在使用这些事件的组合，但这不可能做到我解释的事情，也不可能在单击模块时触发事件模块的端口复制所描述的图形渲染的代码是什么？您到底想要什么？Cytoscape实现？无论是用于生成图像的代码-是Cytoscape还是Cytoscape.js？它来自另一个js框架gojs，您可以找到该示例，用于再现所描述的图形渲染的代码是什么？您到底想要什么？Cytoscape实现？无论用于生成图像的代码是什么-是Cytoscape还是Cytoscape.js？它来自另一个js框架gojs，您可以找到示例