【V12.2.5】异步自定义公式 AsyncFunction 如何作为引用绑定。

Derrick.Jiao

本帖最后由 IT-Weaver 于 2022-1-12 09:30 编辑

之前在论坛下载的demo中，一般都是以顺序形式写的代码，如：

var asyncSum = function () {
};
asyncSum.prototype = new GC.Spread.CalcEngine.Functions.AsyncFunction("ASUM", 1, 255);
asyncSum.prototype.defaultValue = function () {
return "Loading...";
};
asyncSum.prototype.evaluateAsync = function (context) {
// use setTimeout to simulate server side evaluation
// in read world it maybe an ajax post to server for evaluation
var args = arguments;
setTimeout(function () {
var result = 0;
for (var i = 1; i < args.length; i++) {
result += args[i];
}
result *= 2;
context.setAsyncResult(result);
}, 2000);
};
var GetNumberFromServer = function () {
};
GetNumberFromServer.prototype = new GC.Spread.CalcEngine.Functions.AsyncFunction("GETNUMBERFROMSERVER", 1, 2);
GetNumberFromServer.prototype.evaluate = function (context, arg1, arg2) {
setTimeout(function () {
var value = Math.random() + 1;
context.setAsyncResult(value);
}, 500);
};
GC.Spread.CalcEngine.Functions.defineGlobalCustomFunction("GETNUMBERFROMSERVER", new GetNumberFromServer());
var GetTimeFromServer = function () {
};
GetTimeFromServer.prototype = new GC.Spread.CalcEngine.Functions.AsyncFunction("GETTIMEFROMSERVER");
GetTimeFromServer.prototype.evaluate = function (context) {
setTimeout(function () {
var date = new Date();
context.setAsyncResult(date);
}, 500);
};
GetTimeFromServer.prototype.evaluateMode = function () {
return 2;
};
GetTimeFromServer.prototype.interval = function () {
return 1000;
};
GC.Spread.CalcEngine.Functions.defineGlobalCustomFunction("GETTIMEFROMSERVER", new GetTimeFromServer());
var sheet = spread.sheets[0];
sheet.suspendPaint();
sheet.options.allowCellOverflow = true;
sheet.setArray(0, 0, [[5, 15]]);
sheet.addCustomFunction(new asyncSum());
sheet.setText(1, 1, 'ASUM(A1,B1)');
for(i=0;i<3001;i++){
sheet.setFormula(i, 7, "ASUM(A1,B1)");
}
sheet.setText(2, 1, 'SUM(A1,B1)');
sheet.setFormula(1, 2, "ASUM(A1,B1)");
sheet.getCell(1, 2).foreColor("green");
sheet.setFormula(2, 2, "SUM(A1,B1)");

复制代码

但是在我们实际需求中，一般这些动态类会以引用形式进行编写，如：

import { asyncCustomFormulaV12 } from '../js/report/customFormula.js'
let customFunction = new asyncCustomFormulaV12(customFormula.fName);
activeSheet.addCustomFunction(customFunction);

复制代码

那么现在有这样一个问题，当我引用时，我就无法在

asyncCustomFormulaV12.prototype = new GC.Spread.CalcEngine.Functions.AsyncFunction();

复制代码

继承原型链时，动态传递name，minArgs，maxArgs等参数，请问这些情景下，应该如何操作，才可以让动态公式生效，在网上搜了好多相关原型链继承的方式，都尝试，依然在引用时报“无效的自定义函数”，但是如官方demo写在页面里，就可以绑定。

Derrick.Jiao · Derrick.Jiao

可以参考附件的方式引用自定义公式
image.png607299193.png

IT-Weaver · IT-Weaver

本帖最后由 IT-Weaver 于 2022-1-12 09:26 编辑

我们动态自定义函数现在是这么定义的

export const asyncCustomFormulaV12 = function (fName) {
GC.Spread.CalcEngine.Functions.AsyncFunction.call(this,fName,1,255);
this.typeName = fName;
this.name = fName;
this.maxArgs = 255;
this.minArgs = 1;
// GC.Spread.CalcEngine.Functions.AsyncFunction.call(customFormula.fName,1,255,"");
};
asyncCustomFormulaV12.prototype = new GC.Spread.CalcEngine.Functions.AsyncFunction();
asyncCustomFormulaV12.prototype.defaultValue = function () {
return "Loading...";
};
asyncCustomFormulaV12.flag = false
asyncCustomFormulaV12.prototype.loadValue = false
asyncCustomFormulaV12.randomNum = 0
asyncCustomFormulaV12.prototype.AsyncFunctions = {}
asyncCustomFormulaV12.prototype.evaluateAsync = function (context,args) {
if (asyncCustomFormulaV12.flag) {
if (this.name) {
const p = toJsonPase([args]);
if (p === null) {
context.setAsyncResult('');
return;
}
context.randomNum = asyncCustomFormulaV12.randomNum;
asyncCustomFormulaV12.prototype.AsyncFunctions[this.name].doCalculate(context, p)
// var text = context.ctx.source._sheet.getValue(context.ctx.row, context.ctx.column);
var text = context.ctx.source.getValue(context.ctx.row,context.ctx.column);
if (text === '#NAME?' || text === '#VALUE!' || text === 'Loading...' || text === null || typeof text === 'object') {
context.setAsyncResult('');
}
}
}else{
if (asyncCustomFormulaV12.prototype.loadValue) {
// eslint-disable-next-line no-redeclare
// var text = context.ctx.source._sheet.getValue(context.ctx.row, context.ctx.column)
var text = context.ctx.source.getValue(context.ctx.row,context.ctx.column);
if (text === '#NAME?' || text === '#VALUE!' || text === 'Loading...' || text === null || typeof text === 'object') {
context.setAsyncResult('');
} else {
// context.setAsyncResult(context.ctx.source._sheet.getValue(context.ctx.row, context.ctx.column))
context.setAsyncResult(context.ctx.source.getValue(context.ctx.row,context.ctx.column));
}
} else {
// console.log(context.ctx.source.getValue(context.ctx.row,context.ctx.column));
context.setAsyncResult('');
}
}
};

复制代码

function toJsonPase (params) {
let res={};
if(!isNull(params[0])){
var filedArray=params[0].toString().split(';');
filedArray.forEach(one=>{
var itemArray=one.split("=");
res[itemArray[0]]=itemArray[1].split(',');
})
}
return res;
}

复制代码

引用后，new出来之后会报“无效的自定义函数”。

IT-Weaver · IT-Weaver

这段代码写在业务页面，放到我得动态公式绑定的循环里，直接在 asyncCustomFormulaV12.prototype = new GC.Spread.CalcEngine.Functions.AsyncFunction(); 时，传递动态公式名字，是可以生效的，但是现在因为要规范项目代码引出来了就不知道该怎么写了。试了网上很多种原型链继承方法，都不生效。

IT-Weaver · IT-Weaver

这是调用结果。

IT-Weaver · IT-Weaver

Derrick.Jiao 发表于 2022-1-12 12:01
可以参考附件的方式引用自定义公式

解决了，你的方法是可用的，结贴吧。

Derrick.Jiao · Derrick.Jiao

IT-Weaver 发表于 2022-1-13 15:12
解决了，你的方法是可用的，结贴吧。

好的，有新问题请开新帖交流~

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

[已处理] 【V12.2.5】异步自定义公式 AsyncFunction 如何作为引用绑定。

最佳答案

6 个回复

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证

[已处理] 【V12.2.5】 异步自定义公式 AsyncFunction 如何作为引用绑定。

最佳答案

6 个回复

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证

[已处理] 【V12.2.5】异步自定义公式 AsyncFunction 如何作为引用绑定。