在线表格编辑器设置右键菜单按需弹出选项

需求：

       在线表格编辑器中用代码添加了浮动元素，希望给浮动元素专门设置一些菜单项。
分析：
       在线表格编辑器没有添加浮动元素的功能所以没考虑专门对浮动元素设置专门的菜单选项，需要自己自定义。
思路：
        1.首先需要用到setData方法设置一个专属的标记来区分浮动对象

1. designer.setData('isFloatingObjectSelected', true)

复制代码

        2.在对应的菜单项的visibleContext中添加这个标记。

1. config.commandMap = {
   
2.   floating_menu1: {
   
3.     commandName: "floating_menu1",
   
4.     text: "Floating Object Menu Item 1",
   
5.     visibleContext: 'isFloatingObjectSelected',
   
6.     execute: function (args) {
   
7.       alert("custom menu");
   
8.     }
   
9.   }
   
10.             };

复制代码

        3.在workbook.contextMenu.onOpenMenu方法中通过判断是否点击的是浮动对象，来更改上面的标记的值。

1. workbook.contextMenu.onOpenMenu = function (menuData, menuDataForShown, hitTest, workbook) {
   
2.   var designer = GC.Spread.Sheets.Designer.findControl("dss");
   
3.   if (hitTest && hitTest.worksheetHitInfo && hitTest.worksheetHitInfo.floatingObjectHitInfo) {
   
4.     menuData = menuData.filter((menu) => {
   
5.       return menu.command && menu.command.indexOf("floating") > -1;
   
6.     })
   
7.     designer.setData('isFloatingObjectSelected', true)
   
8.   } else {
   
9.     designer.setData('isFloatingObjectSelected', false)
   
10.   }
    
11.   return designerOnOpenMenu.apply(this, arguments);
    
12.             }

复制代码

详情见附件demo