微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Cytoscape-cxtmenu.js:根据条件显示菜单命令

如何解决Cytoscape-cxtmenu.js:根据条件显示菜单命令

我有一个使用 cytoscape 版本 3.15.2 和 cxtmenu 库版本 3.1.1 的应用程序。我有一个案例,我想根据条件在某些边上添加条件。我有一个名为“info”的命令,我将它应用到图中所有边的菜单上:

let edges = {
            menuRadius: 100,selector: 'edge',commands: [ ...
                { // info command
                    .........              
                }
            ]
        }

我有一个名为“expand”的命令,我想将它应用到边上的 expand 属性值为 true 的边上。因此,对于满足此条件的边,我希望同时使用 info 和 expand 命令。为此,我创建了另一个菜单变量,如下所示

let expandEdges = {
            menuRadius: 100,selector: 'edge[expand=true]',commands: [ ...
                { // info command
                    .........              
                },{ // expand command
                    .........              
                }
            ]
        }

当我使用这个将两个菜单变量都应用到图表的实现时,我会在图表上看到以下内容

enter image description here

如果您观察到,info 和 expand 命令与我在所有边上应用的 info 命令重叠。我不确定如何使用选择器条件将命令应用于所有边和一些基于条件的命令。

我还想知道我是否可以使用像 selector: 'edge[type.contains'expand']' (substring check) 这样的东西作为选择器条件。

此外,我无法创建可重现的示例,因为这是一个非常庞大的应用程序的一部分。对不起。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。