ActiveSheetChanging 监听的使用问题

收藏

我想在切换到下一个sheet之前走一些业务逻辑，应该怎么写啊？是要用到oldSheet，和newSheet吗？

Richard.Huang · Richard.Huang

您好，请问您具体是要实现怎么样的业务逻辑呢？ActiveSheetChanging事件中确实提供了您所描述的oldSheet和新的newSheet两个参数供您进行使用，能否满足您具体的需求需要根据您的场景进行判断

wmhPTC · wmhPTC

本帖最后由 wmhPTC 于 2024-5-15 17:17 编辑

我要在切换到下个sheet 之前，弹框提示是否保存当前sheet,点击保存后，继续切换，能做到吗？

Richard.Huang · Richard.Huang

wmhPTC 发表于 2024-5-15 16:55
我要在切换到下个sheet 之前，弹框提示是否保存当前sheet,点击保存后，继续切换，能做到吗？

可以的，如您上面所说，监听ActiveSheetChanging事件，并在事件中通过弹窗进行提示和逻辑的处理

wmhPTC · wmhPTC

Richard.Huang 发表于 2024-5-15 18:05
可以的，如您上面所说，监听ActiveSheetChanging事件，并在事件中通过弹窗进行提示和逻辑的处理

怎么写呢？有类似的demo吗？

Richard.Huang · Richard.Huang

wmhPTC 发表于 2024-5-15 18:42
怎么写呢？有类似的demo吗？

附件是按照上面所描述的做的一个示例，您可以参考一下。需要注意的是，这里的弹窗不能用同步的模态弹窗，因为这会出现事件处理冲突，因为 confirm() 弹窗的同步阻塞特性会影响浏览器的事件循环，尤其是在与SpreadJS交互时。

事件发生时弹窗确认.html (4.67 KB, 下载次数: 49)

wmhPTC · wmhPTC

Richard.Huang 发表于 2024-5-16 11:29
附件是按照上面所描述的做的一个示例，您可以参考一下。需要注意的是，这里的弹窗不能用同步的模态弹窗， ...

看你这个也是在切换到sheet2才弹的框，我需要在还没切换到sheet2之前弹框

Richard.Huang · Richard.Huang

wmhPTC 发表于 2024-5-16 14:06
看你这个也是在切换到sheet2才弹的框，我需要在还没切换到sheet2之前弹框

明白您的意思，但是我们目前没有在切换前触发activeSheet的事件，如果您期望实现这样一个效果，建议监听ActiveSheetChanging事件，对所有切换动作都cancel，然后根据弹窗中的确认和取消按钮去主动用代码切换sheet，具体操作如下：

spread.bind(GC.Spread.Sheets.Events.ActiveSheetChanging, function (sender, args) {
args.oldSheet.isSelected(true);
args.newSheet.isSelected(false);
args.cancel = true;
document.getElementById('myModal').style.display = 'block';
document.getElementById('confirmBtn').addEventListener('click', function () {
document.getElementById('myModal').style.display = 'none';
spread.setActiveSheet(args.newSheet.name());
spread.repaint()
}, { once: true });
document.getElementById('cancelBtn').addEventListener('click', function () {
document.getElementById('myModal').style.display = 'none';
}, { once: true }); // { once: true } 确保事件处理程序只执行一次
});

复制代码

Richard.Huang · Richard.Huang

您好，请问楼主的问题是否得到解决，如果仍然存在问题，欢迎继续跟帖询问

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

[处理中] ActiveSheetChanging 监听的使用问题