如何区分ColumnWidthChanged事件的触发场景

Richard.Huang

本帖最后由 Richard.Huang 于 2024-3-8 10:30 编辑

产品：SpreadJS

autoFitColumn

和手动拖拽调整列宽都会触发ColumnWidthChanged事件，如何区分这两种情况呢，怎么能做到在autoFitColumn时不触发ColumnWidthChanged事件

Richard.Huang · Richard.Huang

Fufu 发表于 2024-2-29 16:48
不好意思写错了，在autoFitColumn时不触发ColumnWidthChanged事件

这是因为autoFitColumn是一个较老的API了，之前我们也发现了，但是如果现在更改这个API会造成老用户的一些使用习惯以及代码兼容性，因此目前没有办法可以去判断自适应列高是否是代码操作，只能通过重写autoFitColumn指令来判断，您在代码进行自适应操作时给参数传一个布尔值flag，然后在excute方法中去获取这个flag来判断是否是代码操作

var autoFitColumnCommand = {
canUndo: true,
execute: function (spread, options, isUndo) {
var Commands = GC.Spread.Sheets.Commands;
if (isUndo) {
Commands.undoTransaction(spread, options);
return true;
} else {
Commands.startTransaction(spread, options);
if (options.flag) {
console.log("代码操作")
} else {
console.log("UI操作")
}
GC.Spread.Sheets.Commands.autoFitColumn.execute(spread, options, isUndo)
Commands.endTransaction(spread, options);
return true;
}
}
};
var commandManager = spread.commandManager();
commandManager.register('autoFitColumn', autoFitColumnCommand);
commandManager.execute({ cmd: "autoFitColumn", sheetName: "Sheet1", columns: [{ column: 0 }], isRowHeader: false, autoFitType: GC.Spread.Sheets.AutoFitType.cell, flag: true });

复制代码

附件是按照这个思路实现的一个demo，您可以参考一下

Richard.Huang · Richard.Huang

您好，我按照您的描述监听了ColumnWidthChanged事件，但是通过代码设置列宽并不会触发这个事件，请问我应该如何复现您的问题呢
2.gif905223693.png

Fufu · Fufu

Richard.Huang 发表于 2024-2-29 16:32
您好，我按照您的描述监听了ColumnWidthChanged事件，但是通过代码设置列宽并不会触发这个事件，请问我应该 ...

不好意思写错了，在autoFitColumn时不触发ColumnWidthChanged事件

Fufu · Fufu

Richard.Huang 发表于 2024-2-29 18:09
这是因为autoFitColumn是一个较老的API了，之前我们也发现了，但是如果现在更改这个API会造成老用户的一 ...

是不是通过flag标识在ColumnWidthChanging 的时候cancel，来避免触发ColumnWidthChanged事件，尝试了这个方式是可以实现在autoFitColumn时不触发ColumnWidthChanged事件的

Richard.Huang · Richard.Huang

本帖最后由 Richard.Huang 于 2024-3-6 12:29 编辑

Fufu 发表于 2024-3-6 11:48
是不是通过flag标识在ColumnWidthChanging 的时候cancel，来避免触发ColumnWidthChanged事件，尝试了这个 ...

并不是，这个flag是在autoFitColumnCommand指令逻辑执行时判断用的，正常双击自适应是不会携带这个flag的，而您可以在代码中携带这个flag，从而判断触发事件的是哪一个，本帖子的问题解决，这里就先结帖了。后续如果您有新的问题，也欢迎创建新的求助帖。请记得设置最佳答案。

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

[已处理] 如何区分ColumnWidthChanged事件的触发场景

最佳答案

5 个回复

SpreadJS 认证

SpreadJS 高级认证