SpreadJSv15 在自定义单元格中paint函数里面如何合并当前行

您好，我在自定义单元格中paint函数里面，想要合并当前选定单元格所在的行，应该如何做？我的代码是这样写：

1. DetailHeaderCellType.prototype.paint = function(ctx,value,x,y,w,h,style,context){
   
2. 
   
3.     if(!ctx)
   
4.         return;   
   
5. 
   
6.     //debugger;        
   
7.     if(!this.tablelabel){
   
8.         //无值时候不进行绘制，需要显示则在前端cell.value('xxxx')
   
9.         return;
   
10.     }
    
11. 
    
12.     const {row,sheet} = context;
    
13.     const rowrange = sheet.getRange(row,-1,1,-1);
    
14.    
    
15.     style.backColor = 'lightgray';
    
16.     GC.Spread.Sheets.CellTypes.Base.prototype.paint.apply(this,[ctx,this.tablelabel,x,y,w,h,style,rowrange]);
    
17.    
    
18. }

复制代码

但是出来的效果是这样：



如何可以不重复绘制，直接合并成为一个区域？谢谢！

您好，可以直接使用合并单元格的API addSpan() 来实现合并。

请参考该API文档：https://demo.grapecity.com.cn/sp ... s.Worksheet#addspan

Joestar.Xu 发表于 2023-6-8 14:26
您好，可以直接使用合并单元格的API addSpan() 来实现合并。

请参考该API文档：https://demo.grapecity. ...

谢谢大神，经过文档指引，自己摸索了一番，addSpan只能在第一次合并时候使用，由于paint会被多次调用，因此需要判断是否已经合并过：

1.     const {row,col,sheet} = context;
   
2.     const rowrange = sheet.getRange(row,-1,1,-1);
   
3.     const spans = sheet.getSpans(rowrange);
   
4.     //debugger;
   
5.     style.backColor = 'lightgray';
   
6.     if(spans.length===0){     
   
7.         //整行合并
   
8.         sheet.addSpan(row,-1,1,-1);
   
9.         //debugger;
   
10. /*         style.hAlign = GC.Spread.Sheets.HorizontalAlign.left;
    
11.         if(this.tablelabel)
    
12.             GC.Spread.Sheets.CellTypes.Base.prototype.paint.apply(this,[ctx,this.tablelabel,x,y,w,h,style,context]);
    
13.         else
    
14.             GC.Spread.Sheets.CellTypes.Base.prototype.paint.apply(this,[ctx,'',x,y,w,h,style,context]); */
    
15.     }else
    
16.         GC.Spread.Sheets.CellTypes.Base.prototype.paint.apply(this,[ctx,x<50 ? this.tablelabel : '',x,y,w,h,style,context]);

复制代码

繁星满天828 发表于 2023-6-9 06:19
谢谢大神，经过文档指引，自己摸索了一番，addSpan只能在第一次合并时候使用，由于paint会被多次调用，因 ...