Javascript 当所有子节点都不可见时，父节点渲染为普通节点

当父节点下的每个节点都设置为“显示：无”时，是否有方法自定义父节点或关闭其复合节点模式

我目前正在尝试编辑展开折叠扩展，以便将折叠节点设置为显示：无，而不是将其从cytoscape中删除

这些元素被赋予

.cy expand collapse hidden

类，并使用

{
  selector: '.cy-expand-collapse-hidden',
  style: {
    'display': 'none',
  }
},

通常对于扩展，当删除节点时，它不再是父节点，因此可以像我所做的那样进行自定义

使用我当前的更改，它会将折叠的节点设置为

display:none

，它们隐藏在cytoscape中，但仍然可以访问（可编辑/可删除/可选择），但折叠的父节点仍然是父节点，即使其下的节点未显示，也无法自定义。展示

基本上，我会检测它下面的每个节点何时被隐藏，但我只需要一种方法来手动告诉父节点渲染为普通节点，而不是长方体

---

或者可能将其添加为一项功能，因为父节点已经检测到子节点何时不可见，以便不将它们包含在其边界框中。

您应该看看cytoscape.js扩展，我建议展开折叠，它根据需要将父节点渲染为普通节点：

document.addEventListener（'DOMContentLoaded'，function（）{
var cy=window.cy=cytoscape({
容器：document.getElementById（'cy'），
布局：{
名称：“cose bilkent”
},
风格：[
{
选择器：'节点'，
风格：{
“背景色”：“ad1a66”
}
},
{
选择器：'：父项'，
风格：{
“背景不透明度”：0.333
}
},
{
选择器：“node.cy展开折叠折叠节点”，
风格：{
“背景色”：“暗蓝色”，
“形状”：“矩形”
}
},
{
选择器：'边'，
风格：{
“宽度”：3，
“线条颜色”：“ad1a66”，
“曲线样式”：“直线”
}
},
{
选择器：“edge.meta”，
风格：{
“宽度”：2，
“线条颜色”：“红色”
}
},
{
选择器：'：已选定'，
风格：{
“边界宽度”：3，
“边框颜色”：“#DAA520”
}
}
],
要素：[
{“数据”：{“id”：“nwtN”{U 50c55b8c-3489-4c4e-8bea-6a1c1162ac9c}，“位置”：{“x”：577.5410894097904，“y”：612.5647477282114}，“组”：“节点”，“删除”：false，“选定的”：false，“可选择的”：true，“锁定的”：false，“可抓取的”：true，“类”：“}，{“数据”：“源”：“nwtN U 3a5d1ad1-5bfe-48e7-99ee-0CD3913B062”，“目标”NWEE236-U-743A07E-D37E”：“nwtE”6d4afc19-88a0-4fd4-9fbf-3591cb6ba062“}”，位置：{}，“组：“，”边缘“，”移除“，”假“，”选择“，”假“，”选择“，”真“，”锁定“，”假“，”抓取“，”真“，”类“，”数据“，”源“：”NWTNU 8753a0df-286b-4f9b-a00d-bc093113bac7“，”目标“，”NWTNU 9A20993C-257f-4e74-9f74-34CD69AECID“，”AECID“，”位置：“，”NWTNU 8753A05DF-368BD-7B7B51“，”“组”：“边”，“删除的”：假，“选定的”：假，“可选的”：真，“锁定的”：假，“可抓取的”：真，“类”：“}，{”数据：{“源”：“nwtN_1b72ec9f-c49f-4768-85a7-16ac6ff345e3”，“目标”：“nwtN_7813a042-3f67-44ab-9d83-ced928bedd25”，“id”：“nwtE_5bafa3fe-246a-477c-849c-3284c32578”}，“位置”：“x”：空，“y空边”，“删除的”组：“，”选择：false，“可选”：true，“锁定”：false，“可抓取”：true，“类”：“}，{“数据”：“{”源”：“NWTNU d578fedc-d576-4c07-8406-89956b346a9d”，“目标”：“NWTNU 6fb77c5b-4321-4c3c-a941-91a951082e71”，“id”：“nwtE_6dda445b-530e-4b95-a3b1-e09cabc73993”}，“位置”：“{”x:null，“y”：null，“组”：“假边”，“删除”，选择“真边”锁定“：false，“grabbable”：true，“classes”：“}，{”data:{”source:“nwtN_ef9670aa-321a-41ba-a665-c3980f30eb2a”，“target:“nwtN_9a23093c-257f-4e74-9f74-34cdf693daec”，“id:“nwtE_b6195365-55fd-4e16-b03d-af46585b2618”}，“位置：{”x:“null”，“y:“null:“group:“Edge”，“removed”：false，“selected”：selected:“selected”：Falsed:”假，“selected”：假，“selected:”可选择的“：true:“锁定的”；“Babble”：Babble”类别“：”“}，{”数据“{”源“：”NWTNU 7813a042-3f67-44ab-9d83-ced928bedd25”，“目标“：”NWTNU 477a1284-d1e7-44c6-8553-92fa8a6a553d”，“id:”nwtE_6f57baf0-3722-4012-b33e-783c267645fa“，”位置“{”x:”空“，”y:”空“，”组“：”边“，”删除“，”假“，”选“，”假“，”选“，”假“，”选“，”真“，”锁“，”假“，”假“，”真“，”类“，”数据“，”源“，”“nwtN_9d2ac5f6-093a-4090-a750-942e7464a15f”，“目标”：“nwtN_6fb77c5b-4321-4c3c-a941-91a951082e71”，“id”：“nwtE_9fac6ca3-d907-4b5a-8496-b0edbc3815ca”，位置：{}，“组”：“边”，“删除”：假，“选择”：假，“可选”：真，“锁定”：假，“抓取”：真，“类”：“}，{”数据：{“源”：“nwtNnwtN_F957; f95babe0-0c64-4076-b380-fad5605fec6e，“id”：“nwtE_ac487e12-218a-45fd-b94a-f8fb51494baa”，位置：{“x”：null，“y”：null}，“group”：“edges”，“removed”：false，“selected”：false，“selected”：“selectable”：true，“locked”：false，“grabbable”：true，“classes”：“}，{”数据：{“id”：“nwtN_04d7dde6-171a-4179-85f5-A0510F55FB”，位置：{“0743167Y”：“：484.3338177685355}，”组“：”节点“，”移除“：”假“，”选定“，”假“，”可选择“，”真“，”锁定“，”假“，”可抓取“，”真“，”类“，”数据“，”源“：”NWTNU 9d2ac5f6-093a-4090-a750-942e7464a15f“，”目标“，”NWTNU E79B53-1e09-485f-83cb-f85c9c6dae25”，“id“，”NWTE2528974-E8;-E8F05-8fe8-E775BCFF“，”位置“，”组“，”移除“，”边缘“，”，“selected”：false，“selectable”：true，“locked”：false，“grabbable”：true，“classes”：“}，{“data”：{“source”：“nwtN_01047009-f54b-4c2a-8153-3D83C6E32AB”，“target”：“nwtN_6af44d07-59d1-4773-bab6-c99641e4810b”，“id”：“nwtE_56a86996-2c25-4071-b3a3-3000057eef90”}，“position”：{}，“group”：“Edge”，“removed”：