找回密码
 立即注册

QQ登录

只需一步,快速开始

dlcnc-zmj

初级会员

19

主题

72

帖子

257

积分

初级会员

积分
257

微信认证勋章

[已处理] 关于批注

dlcnc-zmj
初级会员   /  发表于:2019-8-2 10:16  /   查看:2841  /  回复:7
关于批注,我们这边有两个需求。
1 批注在单元格右上角的红色区域,可不可以改变颜色。
2 只有在鼠标移动到带批注的单元格上,批注才显示,那么如果用键盘key移动的话,可不可以做到和鼠标一样的效果。

7 个回复

倒序浏览
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-8-2 14:34:10
沙发
您好,关于批注的问题回复如下:

1、批注的角标是以Excel为标准设计的,没有提供修改颜色的接口,想了解一下您要改变颜色的应用场景是什么?

2、可以用事件来实现,请参考下列代码:

  1. var spread = GC.Spread.Sheets.findControl("ss");
  2. var sheet = spread.getActiveSheet();

  3. sheet.bind(GC.Spread.Sheets.Events.SelectionChanged, function (e, info) {   
  4.         var sheet = info.sheet;
  5.         var newSelections = info.newSelections;
  6.         if(newSelections || newSelections.length === 1){
  7.             var sel = newSelections[0];
  8.             var row = sel.row;
  9.             var col = sel.col;
  10.             var rowCount = sel.rowCount;
  11.             var colCount = sel.colCount;
  12.             var span = sheet.getSpan(row, col);
  13.             if((!span && rowCount === 1 && colCount === 1) || (span && span.rowCount === rowCount && span.colCount === colCount)){
  14.                 sheet.suspendPaint();
  15.                 sheet.comments.all().forEach(function(comt){
  16.                     comt.displayMode(GC.Spread.Sheets.Comments.DisplayMode.hoverShown);
  17.                 });
  18.                 var comt = sheet.comments.get(row, col);
  19.                 if(comt){
  20.                     comt.displayMode(GC.Spread.Sheets.Comments.DisplayMode.alwaysShown);
  21.                 }
  22.                 sheet.resumePaint();
  23.             }
  24.         }
  25. });
复制代码
回复 使用道具 举报
dlcnc-zmj
初级会员   /  发表于:2019-8-2 14:52:21
板凳
KevinChen 发表于 2019-8-2 14:34
您好,关于批注的问题回复如下:

1、批注的角标是以Excel为标准设计的,没有提供修改颜色的接口,想了解 ...

你好,现在有个需求,单元格有error的时候,需要将背景色变成红色,加批注,这样的话,批注的红色就看不到了。希望换个颜色,可以显眼一些
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-8-2 18:12:29
地板
您好,直接改批注的角标颜色无法实现,但可以用自定义单元格给单元格绘制带颜色的角标,您可以参考附件中的Demo。

CustomCellType_Base_Icon_wang.html

3.41 KB, 下载次数: 82

回复 使用道具 举报
dlcnc-zmj
初级会员   /  发表于:2019-8-5 11:21:50
5#
KevinChen 发表于 2019-8-2 18:12
您好,直接改批注的角标颜色无法实现,但可以用自定义单元格给单元格绘制带颜色的角标,您可以参考附件中的 ...

你好,根据你们提供的demo,加上批注以后,角标的颜色被覆盖了,如果再把单元格背景色设置上的话,角标会被覆盖
image.jpg
image.jpg
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-8-5 11:51:20
6#
您好,给您推荐另一条思路,可以完全按照自己的需求,绘制一个tip,

您可以参考这个示例:

https://demo.grapecity.com.cn/Sp ... ple/#/demos/tipCell
回复 使用道具 举报
dlcnc-zmj
初级会员   /  发表于:2019-8-6 11:06:17
7#
KevinChen 发表于 2019-8-5 11:51
您好,给您推荐另一条思路,可以完全按照自己的需求,绘制一个tip,

您可以参考这个示例:

谢谢,我这边再看看有没有别的思路。
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-8-6 18:01:44
8#
感谢反馈,有问题欢迎继续交流
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部