SpreadJS右键菜单——工作表标签颜色

如何自定义右键菜单一直是大家关心的问题。SpreadJS强大的自定制功能，使得我们可以定制不同区域的右键菜单。在自定制右键菜单前我们需要了解哪块区域可以进行右键菜单的定义。

你可以通过深入解析如何自定义SpreadJS右键菜单这篇技术博客了解到哪块区域可以添加右键菜单，文中描述了6个可以定制右键菜单的区域。但是，基于这个6个区域又可以划分更多的条件去实现不同条件下的右键菜单，例如这篇文章 SpreadJS右键菜单——条件呼出。

今天这篇文章主要是教大家如何实现在工作表标签的右键菜单，实现工作表标签颜色。


在开始前，首先需要澄清一点。有小伙伴在设计器上通过menuData发现有工作表标签颜色这个选项，那么能不能在SpreadJS上直接使用呢？其实工作表颜色标签是设计器内置的功能，不可以直接在SpreadJS上使用。要实现该功能，可以通过自定义右键菜单实现。

1. var menuData = spread.contextMenu.menuData;
   

复制代码

要实现该功能，学习指南的自定义上下菜单也有详细的介绍。其中的关键点在于设置workArea为sheetTab，这样你的右键菜单才会作用于工作表标签。
https://demo.grapecity.com.cn/sp ... u/custom-menu-view#

其次，在定义的右键菜单命令中，我们还需要调用接口为表单标签设置颜色

1. sheet.options.sheetTabColor = style.backColor;

复制代码

下载附件即可查看完整demo