报表设置填报样式被覆盖问题

收藏 · 2024-10-17 15:47 上传

本帖最后由 gnip 于 2024-10-17 15:47 编辑

续报表模版单元格添加图标装饰样式问题
https://gcdn.grapecity.com.cn/showtopic-225929-1-1.html
(出处: 葡萄城开发者社区)，上次添加图标的问题处理了，但是出现另外一个问题，当填报图标设置后，再去设置单元格边框，图标部分样式直接没了，见下图，查看对应单元格样式，部分扩展出来设置的图标样式decoration字段直接没了
复现过程：
最左边有文字，并且下面单元格有样式，所以第一个字段我设置为扩展时覆盖，然后保存查看，设置的图标就不见了

image.png31360167.png

Ellia.Duan · Ellia.Duan

已复现，我将深入调研此问题，待有进展，会及时联系您。

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2024-10-18 09:38 编辑

您好，造成此问题的原因是在”主键“字段上设置了扩展覆盖。比如附件中的demo ，注释掉扩展覆盖的相关代码后，结果如下：
image.png378198546.png

如果没有注释扩展覆盖的相关代码后，结果如下：
image.png337079467.png

可以发现数据中第二条记录的样式是模板中粉色区域的样式，而粉色区域没有设置decoration，所以扩展后，样式也没有decoration。

我们再做一个简单的验证，给模板字段不添加decoration，而是添加背景色，如下图所示：
image.png569443053.png

预览的结果是：

预期结果与上述的结论一致。

所以，如果想要扩展后的单元格仍然存在decoration，需要给模板中设置边框设置样式的单元格也设置decoration
image.png268316039.png

gnip · gnip

本帖最后由 gnip 于 2024-10-18 10:02 编辑

Ellia.Duan 发表于 2024-10-18 09:36
您好，造成此问题的原因是在”主键“字段上设置了扩展覆盖。比如附件中的demo ，注释掉扩展覆盖的相关代码 ...

不单单如此，连自定义的单元格类型都没有了，其他的很多属性设置我估计也一样，跟decoration一样丢失了，这不可能每个要扩展的去设置吧，这不符合用户使用操作，用户使用只会关心当前设置的模版字段，其他的，用户根本不关心，如果多了上面的步骤，用户使用上也接受不了

Ellia.Duan · Ellia.Duan

那么，这里必须使用”扩展覆盖“吗？

gnip · gnip

本帖最后由 gnip 于 2024-10-18 10:27 编辑

Ellia.Duan 发表于 2024-10-18 10:16
那么，这里必须使用”扩展覆盖“吗？

是的，这是我们项目上财务报表的真实填报模版，左边类似目录结构固定的，整张表的样式，可填写的区域都固定好了，因此右边配置的填写字段不能干扰到原来的布局，因此要使用扩展覆盖

Ellia.Duan · Ellia.Duan

您好，关于覆盖模式扩展，可以看这篇示例：https://demo.grapecity.com.cn/sp ... /spill-mode/purejs/
如果为普通模式，即默认插入行，如果为覆盖模式，会在渲染报表时不会插入新的行和列，继续使用原来的行列，包括样式。

所以如果使用”扩展覆盖“ ，需要对这片区域设置自定义单元格类型，样式以及decoration等。

1729223986526.jpg863016967.png

gnip · gnip

Ellia.Duan 发表于 2024-10-18 12:00
您好，关于覆盖模式扩展，可以看这篇示例：https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/samp ...

设置了图标，还是被覆盖了

Ellia.Duan · Ellia.Duan

我要怎么复现”设置了图标，还是被覆盖“的问题呢？

gnip · gnip

Ellia.Duan 发表于 2024-10-18 14:40
我要怎么复现”设置了图标，还是被覆盖“的问题呢？

我的，代码问题，上面的方案能够解决，不过就是对用户操作不大友好

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

[已处理] 报表设置填报样式被覆盖问题

11 个回复

SpreadJS 认证

SpreadJS 高级认证