样式展示方案

你好，如附件中所示，红色部分②（空白）希望展示下划线，前面的文字①不要下划线

因为，①和②可能在同一个cell中，下划线和边框无法实现，这个展示方式可以实现吗？有什么解决方案？
现在的效果是：

空白太大，同时，这列列宽不可以缩短。
谢谢。

1. 
   
2. var oldFun = GC.Spread.Sheets.getTypeFromString;
   
3. GC.Spread.Sheets.getTypeFromString = function(typeString) {
   
4.         // debugger
   
5.         switch (typeString) {
   
6.                 case "MyCellType":
   
7.                         return MyCellType;
   
8.                
   
9.                 default:
   
10.                         return oldFun.apply(this, arguments);
    
11.         }
    
12. };

复制代码

在您这个文件中添加以上代码，自定义特效序列化在框架中，要重写getTypeFromString方法。

Fiooona 发表于 2019-10-16 11:19
参考附件的代码，用canvas的方式绘制，可以进行打印，按照您的逻辑 复制一份spread也能实现，如果还有 ...

你好，
基于上面给的demo，是可以打印成功了，但是移植到基于vue的项目中，就不显示了。麻烦帮忙定位下问题，
附件是移植到vue中的代码：访问路径： 【导出】菜单 -> 按钮【export sheet】

参考附件的代码，用canvas的方式绘制，可以进行打印，按照您的逻辑 复制一份spread也能实现，如果还有问题可以在我发的这个Demo中复现您的问题

Fiooona 发表于 2019-10-15 17:53
https://gcdn.grapecity.com.cn/showtopic-51678-1-86.html
可以参考这个文章，自定义单元格实现打印

这种自定义单元格打印是在页面上渲染好之后，直接调用print方法打印。
如果直接打印时没有效果的，
附件中是我的操作，帮忙看下是否使用的不对，非常感谢。

https://gcdn.grapecity.com.cn/showtopic-51678-1-86.html
可以参考这个文章，自定义单元格实现打印

Fiooona 发表于 2019-10-15 09:57
参考以上代码，将 渲染单元格value放在 渲染this._items的前面

你好，
如果是直接在页面渲染，是能够触发自定义类型的paint方法的，并且也有效果了。
我现在是在打印的时候，复制了一份sheet，并对复制后的sheet进行设置自定义单元格类型，不触发paint方法，这个有什么修改的方案吗？
附件中打印设置的单元格类型没有生效

1. MutipHyperLinkCellType.prototype.paint = function(ctx, value, x, y, w, h, style, context) {
   
2.         var hyperStyle = new GC.Spread.Sheets.Style()
   
3.         hyperStyle.foreColor = 'black';
   
4.         hyperStyle.font = style.font;
   
5.         // hyperStyle.cellPadding = '0 0 0 55'
   
6.         hyperStyle.textDecoration = GC.Spread.Sheets.TextDecorationType.underline;
   
7.        
   
8.         var commonStyle = new GC.Spread.Sheets.Style()
   
9.         commonStyle.foreColor = 'black';
   
10.         commonStyle.font = style.font;
    
11. 
    
12.         ctx.font = style.font;
    
13. 
    
14.         this._sumItemTextWidth = 0;
    
15.         this._itemsTextWidth = [];
    
16.         GC.Spread.Sheets.CellTypes.Text.prototype.paint.apply(this, [ctx, value, x, y, w, h, style, context]);
    
17. 
    
18.         for (var i = 0; i < this._items.length; i++) {
    
19.                 var textWidth = parseInt(ctx.measureText(this._items[i]).width.toString()) + 10;
    
20.                 this._itemsTextWidth.push(textWidth);
    
21.                 if (i % 2 !== 0) {
    
22.                 GC.Spread.Sheets.CellTypes.Text.prototype.paint.apply(this,[ctx, this._items[i], x + this._sumItemTextWidth, y, w, h, hyperStyle, context] )
    
23.         } else {
    
24.                 GC.Spread.Sheets.CellTypes.Text.prototype.paint.apply(this, [ctx, this._items[i], x + this._sumItemTextWidth, y, w, h, commonStyle, context])
    
25.         }
    
26.                 this._sumItemTextWidth += textWidth;
    
27.         }
    
28. 
    
29. }

复制代码

参考以上代码，将 渲染单元格value放在 渲染this._items的前面

Fiooona 发表于 2019-10-14 18:00
问题已收到 有结果回复您

好的。
如果能在这一两天答复，希望越快越好，这个问题影响后续开发，万分感谢！！！

问题已收到 有结果回复您