报表无法设置tag

收藏

本帖最后由 gnip 于 2024-9-4 19:16 编辑

如图所示，我给每个模板单元格设置tag，因为tag相当于单元格的一个配置字段，可以给用户存很多除开文本以外的数据类型，这样的话大大提高了自定义配置的灵活性， image.png47251891.png

，但是实际预览的时候，只有第一行才有tag，数据扩展出来的其他行单元格就没有，目前想要在拖动字段进去的时候，通过 image.png484667052.png

,这个方法添加一些我自己业务上的配置项，但是实际上却不行 image.png887428588.png

，我想问这咋获取到tag呢，因为tag很重要，很多单元格的信息都存这里的，在预览的时候希望获取到这个tag，然后根据tag信息做自己的业务处理，tag拿不到，但是getTemplateCell能拿到模板单元格的信息，或则tag实在取不到，还有没有替换方案呢，希望给单元格设置自己额外想要加的属性，这些属性是除开模板单元格字段属性之外的。

Ellia.Duan · Ellia.Duan

您好，问题收到，调研下回复您。

Ellia.Duan · Ellia.Duan

您好，您是在templateSheet中设置了tag ，然后在预览模式下，点击任意一个单元格，获取此单元格在templateSheet的模板单元格中保存的tag吗？

如果是此需求：
您可以按照下面的代码进行设置，先设置setTag
image.png784948119.png

然后获取tag

document.querySelector(".btn1").addEventListener("click", () => {
const reportSheet = spread.getActiveSheetTab()
const templateSheet = reportSheet.getTemplate()
var activeCellRow = reportSheet.getSheet().getActiveRowIndex();
var activeCellColumn = reportSheet.getSheet().getActiveColumnIndex();
const designTemplateCell1 = reportSheet.getTemplateCell(activeCellRow, activeCellColumn)
let usedRange = templateSheet.getUsedRange(GC.Spread.Sheets.UsedRangeType.all)
const {row,col,rowCount,colCount} = usedRange
for(let r = row;r<row+rowCount;r++){
for(let c = col;c<col+colCount;c++){
let templateCell = templateSheet.getTemplateCell(r,c);
if(templateCell && templateCell.binding==designTemplateCell1.binding){
console.log(templateSheet.getTag(r,c))
}
}
}
})

复制代码

结果如下：

附件如下：

tag.html (5.93 KB, 下载次数: 16)

gnip · gnip

本帖最后由 gnip 于 2024-9-5 15:30 编辑

Ellia.Duan 发表于 2024-9-5 12:36
您好，您是在templateSheet中设置了tag ，然后在预览模式下，点击任意一个单元格，获取此单元格在templat ...

您好，在报表预览绑定编辑事件，然后获取tag，只有第一行能获取到，复现文件已上传 image.png680080871.png

，然后吧原来代码改成这样也是获取不到的 image.png168252562.png

，我感觉这样其实也是没问题的呀，我估计报表预览底层没有做tag跟随数据进行扩展

gnip · gnip

gnip 发表于 2024-9-5 15:08
您好，在报表预览绑定编辑事件，然后获取tag，只有第一行能获取到，复现文件已上传，然后吧原来代码改成 ...

注释那里就算获取到了，会有个bug，如果后面单元格跟前面绑定的是一个字段，这里就会能匹配到前面的那个单元格而不是真正后面那个单元格的tag，同理下，多个地方拖的一个字段都会出现这个问题

Ellia.Duan · Ellia.Duan

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

您好，如您提到的，tag没有随数据进行扩展。
目前的方案如楼上提到的，遍历模板单元格，判断与预览中活动单元格的binding以及alias是否一致，如果一致，则返回模板单元格的tag。

同时，您的需求收到，移到需求版块。SJS-26465

Ellia.Duan · Ellia.Duan

您好，setTemplateCell时，第三个参数templateCell是一个对象，可以在配置的属性外，添加您的自定义数据，如下代码：

columns.forEach((columnName, i) => {
let obj = {
type: "List",
binding: `student[${columnName}]`,
}
templateSheet.setValue(0, i, columnName);
templateSheet.setTemplateCell(1, i, {...obj,...{row: 1, col: i, content: `我是${columnName}`}})
})

复制代码

在模板预览时，可以通过getTemplateCell获取templateCellInfo , 如下代码：

document.querySelector(".btn1").addEventListener("click", () => {
const reportSheet = spread.getActiveSheetTab()
var activeCellRow = reportSheet.getSheet().getActiveRowIndex();
var activeCellColumn = reportSheet.getSheet().getActiveColumnIndex();
const designTemplateCell = reportSheet.getTemplateCell(activeCellRow, activeCellColumn)
console.log(designTemplateCell)
})

复制代码

gnip · gnip

Ellia.Duan 发表于 2024-9-14 14:35
您好，setTemplateCell时，第三个参数templateCell是一个对象，可以在配置的属性外，添加您的自定义数据， ...

好的，这样确实可以，感谢

Ellia.Duan · Ellia.Duan

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

[已处理] 报表无法设置tag

8 个回复

SpreadJS 认证

SpreadJS 高级认证