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

Joestar.Xu

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

DetailHeaderCellType.prototype.paint = function(ctx,value,x,y,w,h,style,context){
if(!ctx)
return;
//debugger;
if(!this.tablelabel){
//无值时候不进行绘制，需要显示则在前端cell.value('xxxx')
return;
}
const {row,sheet} = context;
const rowrange = sheet.getRange(row,-1,1,-1);
style.backColor = 'lightgray';
GC.Spread.Sheets.CellTypes.Base.prototype.paint.apply(this,[ctx,this.tablelabel,x,y,w,h,style,rowrange]);
}

复制代码

但是出来的效果是这样：

image.png230792235.png

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

Joestar.Xu · Joestar.Xu

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

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

繁星满天828 · 繁星满天828

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

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

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

const {row,col,sheet} = context;
const rowrange = sheet.getRange(row,-1,1,-1);
const spans = sheet.getSpans(rowrange);
//debugger;
style.backColor = 'lightgray';
if(spans.length===0){
//整行合并
sheet.addSpan(row,-1,1,-1);
//debugger;
/* style.hAlign = GC.Spread.Sheets.HorizontalAlign.left;
if(this.tablelabel)
GC.Spread.Sheets.CellTypes.Base.prototype.paint.apply(this,[ctx,this.tablelabel,x,y,w,h,style,context]);
else
GC.Spread.Sheets.CellTypes.Base.prototype.paint.apply(this,[ctx,'',x,y,w,h,style,context]); */
}else
GC.Spread.Sheets.CellTypes.Base.prototype.paint.apply(this,[ctx,x<50 ? this.tablelabel : '',x,y,w,h,style,context]);

复制代码

Joestar.Xu · Joestar.Xu

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

		自动登录	找回密码
密码			立即注册

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