【SpredJS@15】自定义单元格修改字体样式出问题

Lynn.Dou

您好，我定义了一个自定义单元格类型，用于显示一个png图标和标签文字，并不需要显示字段值，在 paint函数中已能在前端根据字段值实现绘制和取消绘制：

//HrmFieldCellType.js

复制代码

//App.vue

复制代码

执行完 setMyCellType 函数后，可以在表格中显示自定义的字段内容：

现在出现的问题是，如果用 setFontStyle函数给这个单元格设置样式，如字体大小、名称等，就会把这个字段的类型改回了普通text类型：

请问这个问题怎样解决呢？

Lynn.Dou · Lynn.Dou

本帖最后由 Lynn.Dou 于 2023-5-15 18:21 编辑

主要原因有二：
1、建议不要new 一个新的style，您在style上只设置了font属性，如果给单元格设置该style后，原有的样式可能会被冲掉。
image.png80394896.png

2、SpreadJS作用的样式，是在apply应用的参数value上。如下代码：

image.png461463927.png

在您的demo中，自定义单元格是通过ctx这块代码返回的，所以设置的font 样式无效。
两个思路：
1、在paint方法中，您可以获取到style信息，根据style属性做判断，在ctx中通过相应接口去做加粗、修改字体等，具体可以网上搜索下canvas的相关方法。

2、自定义单元格返回的文本，不在ctx中填充，而是通过修改value返回，如下：
image.png514637755.png