【14.1.1】如何在单元格右上角打一个数字？

Lynn.Dou

本帖最后由 Lynn.Dou 于 2023-11-21 11:51 编辑

产品：SpreadJS
版本：V14.1.1

image.png866793517.png

需要在这个绿色折角的位置标上序号，请问在14.1.1的版本里用什么方法比较好？

Lynn.Dou · Lynn.Dou

在paint方法中参考下方代码去应用原value和样式：
GC.Spread.Sheets.CellTypes.Base.prototype.paint.apply(this, [ctx, value, x, y, w, h, style, options]);

Lynn.Dou · Lynn.Dou

您好，
目前不支持折角添加序号功能，您可以考虑利用自定义单元格canvas会绘制需求效果，学习指南有自定义单元格的示例，可以做下参考：
https://demo.grapecity.com.cn/sp ... types/custom/purejs

空中单位 · 空中单位

我自己写了一个canvas画序号后，单元格内原本的值不显示了，有什么办法解决吗

import GC from "@grapecity/spread-sheets";
const spreadNS = GC.Spread.Sheets;
export const serialNumberMap=new Map()
//Custom Cell Type
export class SerialNumberCellType{
}
SerialNumberCellType.prototype = new spreadNS.CellTypes.Base();
SerialNumberCellType.prototype.paint = function (ctx: any, value: any, x: any, y: any, w: any, h: any, style: any, context: any) {
if (!ctx) {
return;
}
console.log('111111111',x,y,w,h,value,context)
console.log(context.sheet.name(),context.row,context.col)
ctx.fillStyle = 'blue';
ctx.font = 'bold 8px Arial';
let text = serialNumberMap.get(context.sheet.name()+'-'+context.row+'-'+context.col);
ctx.fillText(text,x+w-2,y+8)
};

复制代码

复制代码

空中单位 · 空中单位

样式也不能丢，最好这个单元格其他的一些设置都不会受自定义的celltype影响，我只是想画个标记

空中单位 · 空中单位

Lynn.Dou 发表于 2023-11-16 17:32
在paint方法中参考下方代码去应用原value和样式：
GC.Spread.Sheets.CellTypes.Base.prototype.paint.appl ...

已经ok了，谢谢，可以结贴了

Lynn.Dou · Lynn.Dou

那本帖就先结贴了，有问题欢迎另开新帖交流。

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

[已处理] 【14.1.1】如何在单元格右上角打一个数字？