SpreadJs重算公式结果的方式加载后，第一次不生效

收藏

本帖最后由小仙于 2025-4-14 14:29 编辑

现在的场景是这样，我定义了一个异步函数，然后我打开excel的方式是重新计算公式，所以单元格都会显示Loading

但是现在我获取公式结果后，看起来是回填到单元格了，但是我随便点一下excel的单元格就会重新显示Loading，之后重新获取公式结果就没问题，第一次就会有问题

class StatementF extends GC.Spread.CalcEngine.Functions.AsyncFunction {
cellRequestMap: Map<string, CellRequest>;
constructor(name: string) {
super(name, 1, 255);
this.cellRequestMap = new Map<string, CellRequest>();
}
defaultValue(): any {
return "Loading";
}
evaluateAsync(context: GC.Spread.CalcEngine.AsyncEvaluateContext): any {
const args = arguments;
const p = arguments[0]
// console.log(p.ctx.source)
const workbookName = p.ctx.source.getSheet().getParent().name || 'xxxx-when-workbook-new'
const sheetName = p.ctx.source.getSheet().name()
if (args.length != 3) {
context.setAsyncResult("参数异常");
return;
}
// console.log(workbookName, sheetName, p.row, p.col)
let mapKey = workbookName + '-' + sheetName + '-' + p.row + '-' + p.col
if (this.cellRequestMap.has(mapKey)) {
const cellMap = this.cellRequestMap.get(mapKey)
if (cellMap) {
cellMap.formula.push(args[1])
cellMap.argStr.push(args[2])
cellMap.context.push(context)
}
} else {
this.cellRequestMap.set(mapKey, {
formula: [args[1]],
argStr: [args[2]],
context: [context]
});
}
console.log(this.cellRequestMap)
// 设置默认值,默认值是文本类型,和其他的一起的时候会报#NAME?
context.setAsyncResult("Loading...");
}
}

复制代码

我打印了一下，发现同一个单元格的公式被触发了两次请求的收集，首次加载还是会触发6次请求收集，但获取公式结果后，再点一下任意单元格这6个单元格异步公式还是触发了一次，为什么会这样

保存的代码逻辑如下

function handleSave() {
loading.value = true
const spread = toRaw(spreadRef.value);
spread?.export(async function (blob: Blob) {
try {
fstForm.content = await blobToBase64(blob); // 将 Base64 数据存储在 form 中
} catch (error) {
console.error('Blob 转 Base64 失败:', error);
}
// 发送请求保存表单
apiSaveForm(fstForm).then(() => {
ElMessage.success('保存成功')
}).finally(() => {
loading.value = false
})
}, function (err: any) {
console.log(err);
loading.value = false
}, {
fileType: GC.Spread.Sheets.FileType.excel,
includeStyles: true,
includeFormulas: true,
includeBindingSource: true
})
}

复制代码

Lynn.Dou · Lynn.Dou

您好，

由于您提供的自定义函数代码缺少变量，我本地用学习指南示例的异步函数做了替代，之后根据您描述的信息尝试进行复现，结果如下：
（如果有操作步骤有误，请详细指出）
async.gif171636351.png

根据此动图，xlsx文件中包含自定义函数，之后在demo中导入xlsx文件，并勾选“导入后自动计算”。此时未复现“随便点一下excel的单元格就会重新显示Loading”问题，且控制台仅打印一次“ASUM”。

初步对比来看，您在 defaultValue() 已经设置了默认值，为什么还要在evaluateAsync中加 context.setAsyncResult("Loading...")这句代码呢？
或者您在附件demo基础上补充上自己的代码，要求能复现此问题，以便问题的进一步调研。

小仙 · 小仙

Lynn.Dou 发表于 2025-4-14 11:58
您好，

由于您提供的自定义函数代码缺少变量，我本地用学习指南示例的异步函数做了替代，之后根据您描述 ...

function handleGetWorkBook() {
const id = route.params.id;
if (typeof id !== 'string') return;
apiGetForm(id).then(res => {
fstForm.clone(res)
if (res.period == '0000-00') {
buttonType.value = 0
} else if (Number(route.params.leaf) == 1) {
buttonType.value = 2
} else {
buttonType.value = 3
}
const file = new File([base64ToArrayBuffer(res.content)], `${res.name}.xlsx`, {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
const spread = toRaw(spreadRef.value)
spread?.import(file, function () {
loading.value = false
// 监听清除内容动作
spread?.bind(GC.Spread.Sheets.Events.RangeChanged, function (sender: any, args: any) {
console.log(sender, args)
if (args.action == 2 && !args.isUndo) {
onCellClear({
type: 'RangeChanged',
keyList: args.changedCells.map((item: any) => {
return spread.name + '-' + args.sheetName + '-' + item.row + '-' + item.col
})
})
}
})
// 监听值改变
spread?.bind(GC.Spread.Sheets.Events.ValueChanged, function (sender: any, args: any) {
console.log(sender, args)
if (!args.newValue) {
const key = spread.name + '-' + args.sheetName + '-' + args.row + '-' + args.col
onCellClear({
type: 'ValueChanged',
keyList: [key]
})
}
})
spread.name = res.id
const sheetCount = spread?.getSheetCount() || 0;
for (let i = 0; i < sheetCount; i++) {
const sheet = spread?.getSheet(i);
if (sheet == undefined) continue;
sheet.options.showFormulas = false
// sheet.options.isProtected = true
}
}, function (err: any) {
loading.value = false
console.log(err)
}, {
fileType: GC.Spread.Sheets.FileType.excel,
fullRecalc: false,
includeFormulas: true,
openMode: 1
})
})
}

复制代码

你好，我这里目前实现的逻辑是，把内容用import的方式引入后，默认不会fullRecalc，然后切换的时候，会触发以下方法

function handleFullRecalc() {
const file = new File([base64ToArrayBuffer(fstForm.content)], `${fstForm.name}.xlsx`, {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
const spread = toRaw(spreadRef.value)
spread?.suspendPaint()
spread?.import(file, function () {
console.log(spread.name)
spread?.resumePaint()
loading.value = false
}, function (err: any) {
loading.value = false
console.log(err)
}, {
fileType: GC.Spread.Sheets.FileType.excel,
includeFormulas: true,
fullRecalc: fullRecalc.value,
openMode: 1
})
}