【16.1.4】右键菜单的显示和隐藏不起作用

Joestar.Xu

1、需求：控制下面这些单元格右键菜单的显示和隐藏，如下图：

image.png116559142.png

2、页面初始化的时候，通过designer.setData()方法设置上面右键菜单为隐藏，如下图：
image.png55137328.png

3、页面初始化显示的时候，单元格右键菜单被正确隐藏了，如下图：
企业微信截图_e1bd89e0-4366-4027-92a9-ba356af542a2.png137103575.png

4、点击上图中的”显示菜单“按钮来显示被隐藏的菜单，然后重新右键单元格，被隐藏掉的菜单却没有显示出来，如下图：
企业微信截图_1535ca4b-6d52-479b-9b33-dc5bfc505690.png501525573.png

5、问题：为什么单元格的右键菜单没有显示出来？

Joestar.Xu · Joestar.Xu

您好，这边调研了一下，visibleContext并不是简单的布尔表达式，不能通过您代码中简单的追加一个属性来进行控制，想要精准控制，需要给visibleContext中的每一个“部分”都追加上showRightMenuItem。

如：

原始visibleContext：ClickViewport && !PivotTableSelected || ClickCorner || ClickColHeader || ClickRowHeader ||
TableSheetClickViewport || TableSheetClickCorner || TableSheetClickColHeader || TableSheetClickRowHeader

修改后的visibleContext：ClickViewport && showRightMenuItem && !PivotTableSelected || ClickCorner && showRightMenuItem || ClickColHeader && showRightMenuItem || ClickRowHeader && showRightMenuItem ||\nTableSheetClickViewport && showRightMenuItem || TableSheetClickCorner && showRightMenuItem || TableSheetClickColHeader && showRightMenuItem || TableSheetClickRowHeader && showRightMenuItem

所以我改写了一下你这个Demo：

commandNames.forEach(commandName => {
const command = GC.Spread.Sheets.Designer.getCommand(commandName);
// 用 showRightMenuItem 来控制菜单的隐藏和显示
let context = command.visibleContext.replaceAll("||", "&& showRightMenuItem ||");
context = context + " && showRightMenuItem";

command.visibleContext = context;

config.commandMap[commandName] = command;
});

应该就可以正常显示和隐藏了。

张某某 · 张某某

好的，明白了

Joestar.Xu · Joestar.Xu

那就先结贴了，后续有其他问题的话随时开贴提问哈。

		自动登录	找回密码
密码			立即注册

[已处理] 【16.1.4】右键菜单的显示和隐藏不起作用

最佳答案

3 个回复

SpreadJS 认证

SpreadJS 高级认证