报表模版单元格添加图标装饰样式问题

收藏

本帖最后由 gnip 于 2024-9-5 19:24 编辑

image.png587207946.png

很奇怪的是默认的哪个类型图标怎么都冒出来了呢,还有个小问题就是输入内容情况或者变化了，设置的图标直接就没了，希望一直有

Ellia.Duan · Ellia.Duan

您好，请将您图片中的代码放到文件中上传上来，我们复现下此问题。

gnip · gnip

Ellia.Duan 发表于 2024-9-6 12:10
您好，请将您图片中的代码放到文件中上传上来，我们复现下此问题。

代码如下

export const setIcon = (row, col, spread, params) => {
const currentTemplateSheet = spread.getActiveSheetTab().getTemplate()
// const style = new GC.Spread.Sheets.Style()
console.log('style-info-----', currentTemplateSheet.getStyle(row, col))
let style = currentTemplateSheet.getStyle(row, col)
if (!style) {
style = new GC.Spread.Sheets.Style()
}
const src =
'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRjBGN0ZGIiBkPSJNMCAxNlYwaDE2eiIvPjxwYXRoIGQ9Ik05LjkxIDIuMDkxYTEuMjE4IDEuMjE4IDAgMCAxIC4wOS40NTguNzE3LjcxNyAwIDAgMS0uMDUuMjYuNzkuNzkgMCAwIDEtLjE2LjI0OGMtLjA3OS4wOC0uMTUuMTUtLjIxMy4yMXMtLjExOC4xMTItLjE2NS4xNTljLS4wNTMuMDUzLS4xMDMuMS0uMTUuMTRMNy40IDEuNzAyYy4wOC0uMDczLjE3NS0uMTYxLjI4NC0uMjY0LjExLS4xMDMuMjAxLS4xODUuMjc0LS4yNDRBLjg3NS44NzUgMCAwIDEgOC41NDEgMWMuMDk2LjAwNC4xOS4wMTkuMjc5LjA0NS4wOS4wMjcuMTY3LjA1Ny4yMzQuMDkuMTQuMDczLjI5NC4yLjQ2My4zODMuMTcuMTgzLjMuMzc0LjM5My41NzN6bS03Ljc1OSA0Ljg2LjI4LS4yODNjLjE0NS0uMTUuMzI4LS4zMzQuNTQ3LS41NTNsLjcyNy0uNzI3LjgwNy0uODA3TDYuNjUzIDIuNDRsMS44NjMgMS44NzItMi4xNDEgMi4xNDItLjc5Ny44MDZjLS4yNjYuMjYtLjUwNS40OTctLjcxNy43MTNsLS41MjguNTMyYTQuMzA5IDQuMzA5IDAgMCAxLS40NzguNDI5Yy0uMDg3LjA2Ni0uMTc2LjEyLS4yNy4xNi0uMDkyLjA0Ni0uMjI4LjEwMi0uNDA4LjE2OGExMy44MDcgMTMuODA3IDAgMCAxLTEuMTIuMzU5IDQuMjI0IDQuMjI0IDAgMCAxLS4zOTQuMDljLS4xNzkuMDItLjI5OC0uMDA3LS4zNTgtLjA4cy0uMDc3LS4xOTYtLjA1LS4zNjlhMy4zNiAzLjM2IDAgMCAxIC4wOTUtLjQwM2MuMDUtLjE3Ni4xMDMtLjM1OS4xNTktLjU0OC4wNTYtLjE4OS4xMTEtLjM2My4xNjQtLjUyMy4wNTMtLjE1OS4wOTctLjI2OS4xMy0uMzI4LjA0LS4wOTMuMDg0LS4xNzguMTM0LS4yNTRhMS42NCAxLjY0IDAgMCAxIC4yMTQtLjI1NHoiIGZpbGw9IiMwMDYyRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4='
if (!style.decoration) {
style.decoration = {}
}
if (!style.decoration.icons) {
style.decoration.icons = []
}
const editIconItem = style.decoration.icons.find((item) => item.type === 'REPORT_EDIT_CON')
// 设置过的无需再设置
if (editIconItem) {
return
}
if (!style.decoration.icons.length) {
style.decoration.icons[0] = {
src,
position: GC.Spread.Sheets.IconPosition.left,
type: 'REPORT_EDIT_CON'
}
} else {
style.decoration.icons.push({
src,
position: GC.Spread.Sheets.IconPosition.left,
type: 'REPORT_EDIT_CON'
})
}
if (params.type === 'Static') {
style.decoration = undefined
return
}
currentTemplateSheet.setStyle(row, col, style)
}

复制代码

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2024-9-6 17:12 编辑

您好，执行您的代码后，
发现了两个问题
1、在预览模式中，不仅icon出现，连模板单元格中类型icon也会出现
2、修改单元格的值，icon丢失。

我将深入调研下这两个问题，有进展会及时同步给您。SJS-26337

gnip · gnip

Ellia.Duan 发表于 2024-9-6 16:29
您好，执行您的代码后，
发现了两个问题
1、在预览模式中，不仅icon出现，连模板单元格中类型icon也会出 ...

请问有结果了么，这个显示目前被当成bug提了要处理，急

Ellia.Duan · Ellia.Duan

这个将在17.1.6版本修复。

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

[调研中] 报表模版单元格添加图标装饰样式问题

5 个回复

SpreadJS 认证

SpreadJS 高级认证