在自定义函数中调用接口行为

收藏

// 在SpreadJs中异步请求
function customFunctions15(GC) {
const asyncGetBoxQuality = function () {
this.typeName = "GETBOXQUALITY";
this.name = "GETBOXQUALITY";
this.maxArgs = 2;
this.minArgs = 2;
this.description = function () {
return {
description: "Get a box's quality by a box's number.",
};
};
};
asyncGetBoxQuality.prototype =
new GC.Spread.CalcEngine.Functions.AsyncFunction();
asyncGetBoxQuality.prototype.defaultValue = function () {
return "/";
};
// 参数1：盒号
// 参数2：试验室id
asyncGetBoxQuality.prototype.evaluateAsync = function (context, arg1, arg2) {
console.log(arg2);
try {
getByBoxNum(String(arg1)).then((res) => {
if (res.data.success) {
if (res.data.result) {
context.setAsyncResult(res.data.result.boxQuality);
} else {
context.setAsyncResult("/");
}
} else {
context.setAsyncResult("/");
}
});
} catch (error) {
// 捕获所有异常并返回 "/"
context.setAsyncResult("/");
}
};
// 全局注册
GC.Spread.CalcEngine.Functions.defineGlobalCustomFunction(
"GETBOXQUALITY",
new asyncGetBoxQuality()
);
}

复制代码

这段代码是我注册的自定义函数，自定义函数中调用了后端的接口，在初始化文件夹的时候，一下调用了9000多次接口，但是我只有42个单元格使用了自定义函数

1872955eb239765ee81f7404ef8e6c0.png768965759.png

Matthew.Xue · Matthew.Xue

您好，我测试了您的自定义函数以及ssjson，由于没有getByBoxNum函数，我对您的函数稍作了修改，用以统计进入evaluateAsync方法的次数：
image.png124505003.png

发现count数只加到了84，正好是42的两倍。
您可以自己测试一下这个数据，并同时统计接口调用的次数，看二者有怎样的关系？

硕㏒ · 硕㏒

Matthew.Xue 发表于 2025-4-14 17:15
您好，我测试了您的自定义函数以及ssjson，由于没有getByBoxNum函数，我对您的函数稍作了修改，用以统计进 ...

我这边试了下，2940次
image.png264630126.png

这段代码是我初始化的操作

async workbookInitialized(value) {
if (this.isDesigner) {
initializeFunctions(GC, value, 1);
//designer设计器的方法
this.designer = value;
this.spread = this.designer.getWorkbook();
this.getTemplateParamList();
// this.changeOpenMenu();
} else {
initializeFunctions(GC, value, 2);
// 将传入的 value（电子表格实例）分配给 this.spread
this.spread = value;
// this.changeOpenMenu();
}
// 设置 tabStripPosition 为 1
this.spread.options.tabStripPosition = 1;
// 刷新电子表格视图
this.spread.invalidateLayout();
this.spread.repaint();
// 暂停电子表格的绘制
this.spread.suspendPaint();
//禁用delete
// let commandManager = this.spread.commandManager();
// commandManager.register("clearcontent", {
// canUndo: true,
// execute: function () {
// // Do nothing to prevent delete
// return true;
// },
// });
// commandManager.setShortcutKey(
// "clearcontent",
// GC.Spread.Commands.Key.del,
// false,
// false,
// false,
// false
// );
//监听sheet页的切换
let now = this;
this.addSheetChangedListener(this.spread, function (newSheetName) {
console.log("切换到新的工作表：" + newSheetName);
now.activeSheetName = newSheetName;
});
try {
// 获取与 sampleTaskCode 相关的数据
// const result = await getSampleTaskOriginalRecordsByTaskId(
// this.$route.query.sampleTaskCode || this.sampleTaskCode
// );
// const result = await this.getSampleTaskOriginalRecords();
// 如果成功获取数据
// console.log("🚀 ~ workbookInitialized ~ this.form:", this.form);
if (JSON.stringify(this.form) != "{}") {
// if (this.templateMode == 3) {
// this.markFile(result.data.result);
// }
// 如果 fileUrl 存在
if (this.form.fileUrl) {
// 更新组件数据
// this.form = result.data.result;
// this.flowStatus = this.form.flowStatus;
this.showPrint = this.form.pdfFileUrl ? true : false;
this.pdfFileUrl = this.form.pdfFileUrl;
this.pdfFileTitle = this.form.pdfFileTitle;
this.experienceItemId = this.form.experienceItemId;
this.printId = this.form.id;
this.experienceItemParamNames = this.form.experienceItemParamNames;
if (this.form.immutableDataJson) {
this.dirtyDataObject = JSON.parse(this.form.immutableDataJson);
}
this.reportConcentrate = JSON.parse(this.form.variableDataJson);
// 下载文件并处理数据
const source = await downLoadApi(this.form.fileUrl);
// 读取文件内容
const reader = new FileReader();
reader.readAsText(source.data, "utf-8");
reader.onload = (e) => {
// 解析文件内容为 JSON
let json = JSON.parse(e.currentTarget.result);
// 将 JSON 数据导入到电子表格中
this.spread.fromJSON(json);
// 获取电子表格中的工作表数量
let index = this.spread.getSheetCount();
// 遍历所有工作表
for (let i = 0; i <= index - 1; i++) {
// 解析 extendDataJson
let obj = JSON.parse(this.form.extendDataJson);
let data = {};
// 获取当前工作表的数据
if (obj) {
data = obj[this.spread.getSheet(i).name()]
? obj[this.spread.getSheet(i).name()]
: {};
}
// 深拷贝数据
data = JSON.parse(JSON.stringify(data));
//对JSON中的数据尽量转换类型，防止excel无法计算
// 从Object.prototype获取hasOwnProperty方法的引用，以安全地检查对象自有属性
const hasOwn = Object.prototype.hasOwnProperty;
// 遍历data对象的所有属性
for (let key in data) {
if (hasOwn.call(data, key)) {
const value = data[key];
// 如果值是数组
if (Array.isArray(value)) {
// 遍历数组中的每一项
for (let i = 0; i < value.length; i++) {
const item = value[i];
// 如果数组中的项是对象
if (typeof item === "object" && item !== null) {
// 遍历对象的所有属性
for (let prop in item) {
if (hasOwn.call(item, prop)) {
item[prop] = this.convertToNumberOrDate(
item[prop]
);
}
}
}
}
} else {
// 如果值不是数组，则直接转换
data[key] = this.convertToNumberOrDate(value);
}
}
}
// 创建数据源
let dataSource =
new GC.Spread.Sheets.Bindings.CellBindingSource(data);
// 如果数据是数组类型
if (Array.isArray(data)) {
// 设置工作表的数据源
this.deviceData = data;
this.spread.getSheet(i).setDataSource(data);
// 设置列宽
for (let J = 0; J <= 16; J++) {
this.spread.getSheet(i).setColumnWidth(J, 200);
}
} else {
// 设置工作表的数据源
this.initDataSource(
this.spread.getSheet(i),
dataSource,
data
);
}
// this.autoFitRowOnSetDataSource(this.spread.getSheet(i));
// this.spread.getSheet(i).recalcAll();
}
// 重置设置 tabStripPosition 为 1
this.spread.options.tabStripPosition = 1;
//禁止复制本地excel时粘贴的时候连带格式粘贴，保证只粘贴值
this.spread.options.allowCopyPasteExcelStyle = false;
// 刷新电子表格视图
this.spread.invalidateLayout();
this.processReports(this.spread);
// 检查testStatus是否为'已分配'
if (
this.$route.query.testStatus &&
this.$route.query.testStatus === "已分配"
) {
this.processingMaterialInfo(this.spread);
}
// this.autoFitRowOnValueChanged(value);
this.SelectionChanged(this.spread);
this.CellChanged(this.spread);
//获取设备缓存列表
this.getDeviceCache();
this.DragFill(this.spread);
this.spread.options.highlightInvalidData = false;
// 恢复电子表格的绘制
this.spread.resumePaint();
};
} else {
this.$message.error("获取模板失败");
}
}
// else {
// this.$message.error("获取详情失败");
// }
} catch (error) {
// 输出错误信息并显示错误提示
console.error(error);
this.$message.error("发生错误");
}
},

复制代码

Matthew.Xue · Matthew.Xue

注意到您代码中有遍历sheet做setDataSource的操作，结合模板中的GETBOXQUALITY函数引用了其他sheet的单元格，一旦这些被引用的单元格的值因为setDataSource而改变，就会触发一次重算，这才导致了上千次的接口请求。
建议您在fromJSON之后，先暂停计算服务，等待setDataSource结束之后，再继续计算。
image.png145744322.png

硕㏒ · 硕㏒

Matthew.Xue 发表于 2025-4-14 18:13
注意到您代码中有遍历sheet做setDataSource的操作，结合模板中的GETBOXQUALITY函数引用了其他sheet的单元格 ...

好的

Matthew.Xue · Matthew.Xue

硕㏒发表于 2025-4-15 08:56
好的

好的，有进展还请您在帖子同步一下

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

[处理中] 在自定义函数中调用接口行为

5 个回复