17.0.7 comment宽高固定后在边缘仍然变化

类: Comment

1.   const comment = sheet.comments.get(row, col);
   
2.   if (comment) {
   
3.     const line = countSubString(comment.text(), Constants.SPREADJS_BREAK) + 1;
   
4.     comment.backColor('white');
   
5.     comment.width(300);
   
6.     comment.height(16 * line + 30);
   
7.     comment.fontFamily('Meiryo UI');
   
8.     comment.fontSize('14px');
   
9.     comment.padding(new GC.Spread.Sheets.Comments.Padding(5, 5, 5, 12));
   
10.     comment.horizontalAlign(GC.Spread.Sheets.HorizontalAlign.distributed);
    
11.     comment.dynamicSize(false);
    
12.     // set indicatorSize
    
13.     comment.indicatorSize(2); // 6 as default
    
14.     // set indicator  Color
    
15.     const defaultStyle = sheet.getActualStyle(row, col);
    
16.     comment.indicatorColor(typeof defaultStyle.backColor === 'string' ? defaultStyle.backColor : 'red'); // 'red' as default
    
17.   }

复制代码

设定固定的宽和高以后
弹出的Comment在靠近画面的边缘时，comment的高和宽度仍然变化

可以通过
https://demo.grapecity.com.cn/sp ... comment-setting/vue验证

您好，不太理解，您说的”comment的高和宽度仍然边化“是什么意思呢？
是否可以截图示意下？

追加了图片，我想要的效果是，设定宽度后，comment的大小就不变化了

您好，根据您提供的代码，做了一个简单demo ,您可以下载附件在浏览器中打开 ，发现怎么移动批注，批注的宽度都没有变化。

您可以在此代码基础上，添加可以复现您问题的相关代码，上传上来，我们具体调研下。

复现这个问题，最主要的是sheet中要有滚动条。
https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/cells/comments/comment-setting/purejs
这个demo中就可以复现。

操作步骤如下：
拉伸A列的宽度，让G列距离有边框的距离小于comment设定的宽，
移动鼠标，悬浮于单元格上，comment弹出，这时，comment的宽就变窄了。
可以参考我传的第二张图。

单位有网络限制，不能上传任何附件，只能尽可能的详细描述问题了，如果还有问题可以加我微信
yueyuemuhe。

您好，根据您的描述
拖动A列，标签如下图所示


确实，发现了宽度变化的问题，我将深入调研此问题，有进展，会及时联系您。

问一下，这个问题有进展吗？

您好，这个是目前的一个设计，当靠近边缘时，剩余宽度小于批注的宽度，会导致批注内容看不完整，此时动态调整宽度，增加高度。使其可以查看完整内容。
当滚顶条滚动至右侧，在当前单元格右侧有足够的空间后，批注宽度恢复。

我觉的，aotoSize设为true时，这种设计没问题，
但是我现在设定了宽度和高度，
这种设计只改变宽度，高度是不改变的，
所以就会显示不全内容。

我觉的，指定宽和高后，把批注换个方向显示，不是更好吗？
就像没有滚动条时，最右侧的会在左边显示。

您的问题已反馈，调研编号：SJS-24802