创建右键二级菜单

最新推荐文章于 2024-06-22 10:08:08 发布

kdj6067

最新推荐文章于 2024-06-22 10:08:08 发布

阅读量400

点赞数

分类专栏：技术文章标签： javascript

本文链接：https://blog.csdn.net/kdj6067/article/details/77852488

版权

技术专栏收录该内容

1 篇文章 0 订阅

订阅专栏

forge中创建右键二级菜单需要更改viewer3d中的部分源码需要更改以下几个函数用来实现hover的二级菜单效果，更改这几个函数主要是为了实现hover效果

实际效果如图：

ContextMenu.prototype.showMenu
ContextMenu.prototype.createMenuItem 
ContextMenu.prototype.addCallbackToMenuItem
ContextMenu.prototype.addSubmenuCallbackToMenuItem
ContextMenu.prototype.hide

registerContextMenuCallback target中应该写为数组如

viewer.registerContextMenuCallback('Test', function (menu, status) {
        if (status.hasSelected) {
            menu.push({
                title: "Test",
                hasLevel: 'true',
                target:[{
                            title: 'Hub details',
                            className: 'fa fa-cloud',
                            target:function (){
                               
                                console.log(1)
                            }
                        }, {
                            title: 'Projects details',
                            className: 'fa fa-folder',
                            target:function (){

                                console.log(2)
                            }
                        }]
            });
        }
    });

根据 Philippe Leefsma 和 Eason Kang 在stackoverflow上给的思路得出以上的结果详情见 How to create two level context menu

代码见contextMenu