SpreadJS 如何监控公式单元格值的变化？

收藏

本帖最后由 lynn512 于 2021-3-31 11:05 编辑

背景：很多小伙伴在使用SpreadJ的公式部分时，会遇到这样的问题：当公式单元格值变动的时候，无法通过CellChanged 事件来监听到值的变化情况，那么想要监控到该公式单元格值的变化情况应该怎么操作呢？
思路：SpreadJS在V13添加了公式追踪的特性，这个问题就可以通过公式追踪来解决。具体操作如下：首先我们结合示例来学习公式追踪相关的两个方法：getDependents() 和 getPrecedents() 。
示例：在单元格B1设置公式：’=A1+A2+A3‘，A1、A2、A3的值分别为：1、2、3。

getDependents() ：
可以判断这个单元格被哪些公式依赖。
参数为这个单元格的行列索引，返回引用该单元格的公式的信息。如下图所示:
image.png782198791.png

getPrecedents() ：
判断这个公式被哪些单元格依赖。
参数为引用单元格区域的公式单元格行列索引。返回引用的单元格区域的信息。如下图所示：
image.png27764891.png

在本例中，A1、A2、A3的值发生变化时，我们如何获取到公式单元格B1改变后的值呢？

首先可以通过getPrecedents（）来获取引用的单元格区域的信息，

var getPrecedents = sheet.getPrecedents(0,0);
var row = [],
col = [],
value = [];
for (var i = 0; i < getPrecedents.length; i++) {
row.push(getPrecedents[i].row);
col.push(getPrecedents[i].col);
value.push(sheet.getValue(row, col));
}

复制代码

绑定ValueChanged事件，监听引用的单元格区域的值，一旦发生变化，使用getValue 获取公式值变化情况。

sheet.bind(GC.Spread.Sheets.Events.ValueChanged, function (e, info) {
var newValue = info.newValue;
setTimeout(function() {
for (var i = 0; i < row.length; i++) {
if (info.row === row[i] && info.col === col[i]) {
if (newValue !== value[i]) {
var formulaValue = sheet.getValue(0,1);
console.log(formulaValue);
}
}
}
}, 0)
});

复制代码

这里要注意：使用setTimeout函数才能获取到变化后的公式值，如果不使用获取到的是旧值。

现在我们来测试下：将A2值改为33，结果如下图所示：
image.png996797485.png

附件为本例demo，可以在demo中获取完整代码。

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

SpreadJS 如何监控公式单元格值的变化？

0 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人