spreadjs 右键菜单如何根据选择的单元格内容动态显示不同的菜单

收藏

如何让spreadjs 右键菜单根据选择的单元格内容动态显示不同的菜单，当单元格值或者公式满足指定条件时显示对应的右键菜单。

KevinChen · KevinChen

您好，可以通过重写右键菜单的MenuView来实现，具体方法请参考技术博客：

https://www.grapecity.com.cn/blo ... ht-click-menu-part2

关键代码如下：

CustomMenuView.prototype.createMenuItemElement = function (menuItemData) {
CustomMenuView.prototype.createMenuItemElement = function (menuItemData) {
// 先执行原类的方法，继承右键菜单的样式
var menuItemView = GC.Spread.Sheets.ContextMenu.MenuView.prototype.createMenuItemElement.call(this, menuItemData);
/*
* 添加自己的样式。
*
* menuItemView 是右键菜单当前项的容器div，
* 自定义的样式可以在此添加。
*
* 需要注意的是，如果想引入第三方控件，比如datepicker之类，
* 可能会与SpreadJS的样式与事件产生冲突，
* 因此除非您从技术上做过充分的验证，
* 否则不推荐在此设计引入过重的第三方控件。
* */
if (menuItemData.name === "selectColorPicker1") {
$(menuItemView).append(createColorpicker(1));
return menuItemView;
} else if (menuItemData.name === "selectColorPicker2") {
$(menuItemView).append(createColorpicker());
return menuItemView;
}else {
return menuItemView;
}
};

复制代码

qnsh · qnsh

KevinChen 发表于 2019-2-26 09:16
您好，可以通过重写右键菜单的MenuView来实现，具体方法请参考技术博客：

https://www.grapecity.com.cn ...

这种方法只能增加自定义的菜单，重写createMenuItemElement 时不能获取到选定的单元格信息。

KevinChen · KevinChen

您好，我把博客里面的示例完善了一下，演示了重写onOpenMenu方法，请参考下列代码：

//onOpenMenu是在右键点击时触发的事件
ContextMenu.prototype.onOpenMenu = function (menuData, itemsDataForShown, hitInfo, spread) {
console.log(menuData);
console.log(itemsDataForShown);
var index = -1;
for(let i=0; i<itemsDataForShown.length; i++){
var item = itemsDataForShown[i];
if(item.name === "gc.spread.filter"){
index = i;
break;
}
}
if(index > -1){
itemsDataForShown.splice(index, 1);
}
console.log(hitInfo);
console.log(spread);
};

复制代码

qnsh · qnsh

KevinChen 发表于 2019-2-26 16:58
您好，我把博客里面的示例完善了一下，演示了重写onOpenMenu方法，请参考下列代码：

谢谢，可以实现功能需求了

KevinChen · KevinChen

不客气，很高兴解决了您的问题！

本帖我就结帖了，有新的问题欢迎发新帖交流~

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

[已处理] spreadjs 右键菜单如何根据选择的单元格内容动态显示不同的菜单