【8.2.3】GcExcel导出PDF页脚问题

登录

本帖最后由 Matthew.Xue 于 2026-1-13 11:15 编辑

调研编号：GCNSJS-28171

需求：不同的模板页脚是不同的
当前做法：在设计器中分别对模板设置不同的页脚，打印预览是有页脚的，参考（打印设置 < 打印 < 设计器组件 | 葡萄城 SpreadJS 表格控件在线文档），const objJson = spreadRef.toJSON({ includeBindingSource: true })调用GcExcel的导出pdf

问题：GcExcel的导出pdf没有包含页脚内容

Matthew.Xue · Matthew.Xue

您好，经过研发调研后，发现是print包没有引入，在失败的包里面，import print包就可以了：

miaoyj · miaoyj

本帖最后由 miaoyj 于 2026-1-6 11:20 编辑

定位发现这里的打印json内容是有页脚内容的

const recordExcelJson = JSON.parse(record.excelJson)
console.log('1:', recordExcelJson)

复制代码

经过载入再输出json就没有页脚内容了

let copySpread = new GC.Spread.Sheets.Workbook()
copySpread.fromJSON(recordExcelJson)
console.log('2:', copySpread.toJSON())

复制代码

完整代码

spreadRef.removeSheet(0)
for (let i = 0; i < dataSources.length; i++) {
const record = dataSources[i]
const data = dataSources[i].data
const dataTest = data.test
const testNo = dataTest.testNo
const ordTaskId = dataTest.ordTaskId
const recordExcelJson = JSON.parse(record.excelJson)
console.log('1:', recordExcelJson)
let copySpread = new GC.Spread.Sheets.Workbook()
copySpread.fromJSON(recordExcelJson)
console.log('2:', copySpread.toJSON())
let copySheet = new GC.Spread.Sheets.Worksheet(testNo)
copySheet.fromJSON(copySpread.getSheet(0).toJSON())
copySheet.name(testNo)
copySheet.tag(ordTaskId)
let namedStyles = copySpread.getNamedStyles()
for (let i = 0; i < namedStyles.length; i++) {
copySheet.addNamedStyle(namedStyles[i])
}
spreadRef.addSheet(spreadRef.getSheetCount(), copySheet)
let source = new GC.Spread.Sheets.Bindings.CellBindingSource(data)
copySheet.autoGenerateColumns = false
copySheet.setDataSource(source)
}

复制代码

Matthew.Xue · Matthew.Xue

您好，我这边用SpreadJS 18.2.2以及GcExcel 8.2.3测试了，并没有复现您提到的问题，我的步骤如下：
1. 在SpreadJS的设计器中，设置页眉页脚，并导出为ssjson文件

2. 在GcExcel中打开这个ssjson，直接保存为pdf

IWorkbook workbook = new Workbook();
workbook.open("t.ssjson");
workbook.save("ttt.pdf");

复制代码

结果如下：

可以看到，页眉页脚正常显示了。
不知道您说的GcExcel导出pdf的部分，在GcExcel代码端具体是怎么做的？

miaoyj · miaoyj

我已经定位到问题所在了，二楼的回复中有完整的代码
关键的代码如下

输出的JSON对象recordExcelJson包含key：printInfo

const recordExcelJson = JSON.parse(record.excelJson)
console.log('recordExcelJson:', recordExcelJson)

复制代码

输出的JSON对象copySpread丢失了key：printInfo

let copySpread = new GC.Spread.Sheets.Workbook()
copySpread.fromJSON(recordExcelJson)
console.log('copySpread:', copySpread.toJSON())

复制代码

Matthew.Xue · Matthew.Xue

miaoyj 发表于 2026-1-6 16:28
我已经定位到问题所在了，二楼的回复中有完整的代码
关键的代码如下

刚才忘记说了，有可能是您使用vue3的时候，使用了代理变量导致了此问题，您可以将spreadRef变量改为一个raw变量试试能不能解决，参考此帖子中的markRaw部分：
https://gcdn.grapecity.com.cn/showtopic-226752-1-12.html

miaoyj · miaoyj

改用markRaw，还是不行

Matthew.Xue · Matthew.Xue

miaoyj 发表于 2026-1-6 17:16
改用markRaw，还是不行

是否可以上传一个可复现的demo，我们基于demo讨论？我本地测试后无法复现您说的现象，fromjson后printinfo中的页眉页脚信息仍然存在的

miaoyj · miaoyj

my-first-demo项目，访问http://localhost:5173/#/QuickStart，控制台可以输出合并后的sheet的printInfo

yudao-ui-admin-vue3项目，访问http://localhost:82/spreadjs，控制台输出合并后的sheet的printInfo是undefined
两个项目的页面的代码完全一致

Matthew.Xue · Matthew.Xue

您好，问题已复现，正在调研中，请耐心等待，有进展我会第一时间和您在帖子中同步

[已处理] 【8.2.3】GcExcel导出PDF页脚问题

最佳答案

11 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源