关于监听添加工作表、删除工作表事件

Fiooona

本帖最后由 wangyue1 于 2020-5-19 10:47 编辑

通过 spread.commandManager().addListener('anyscListener') 无法监听到添加工作表、删除工作表事件。

通过 spread.commandManager().register 来注册自定义指令，删除工作表指令依然无法被监听到。

Fiooona · Fiooona

右键删除或增加表单的时候会触发一个命令,命令的名字是：gc.spread.contextMenu.deleteSheet，gc.spread.contextMenu.insertSheet
可以根据这个来监听是否删除/增加了表单

spread.commandManager().addListener("anyscLicenser",function(){
for(var i=0;i<arguments.length;i++){
var cmd = arguments[i].command;
console.log(cmd) // gc.spread.contextMenu.deleteSheet
}
});

复制代码

点击加号新增sheet可以通过命中测试来判断：
image.png147617491.png

https://demo.grapecity.com.cn/sp ... /hit-testing/purejs

wangyue1 · wangyue1

Fiooona 发表于 2020-5-19 12:31
右键删除或增加表单的时候会触发一个命令,命令的名字是：gc.spread.contextMenu.deleteSheet，gc.spread.co ...

由于新增sheet +号位置会变动通过hitTest得到的result不准确，链接中的demo同样有这个问题

KevinChen · KevinChen

您好，这个按钮本身确实没办法添加事件，可以考虑把添加sheet的逻辑放到外部按钮上，用addSheet接口实现。或者浮动一个div在+这个位置，参考附件示例。

wangyue1 · wangyue1

KevinChen 发表于 2020-5-20 18:36
您好，这个按钮本身确实没办法添加事件，可以考虑把添加sheet的逻辑放到外部按钮上，用addSheet接口实现。 ...

+ 的位置是会变的，如何获取+的实时位置呢？

KevinChen · KevinChen

您好，SpreadJS有两个方法可以获取到viewPort区域，也就是表格区域的宽高：

https://demo.grapecity.com.cn/sp ... ViewportHeight.html

https://demo.grapecity.com.cn/sp ... tViewportWidth.html

另外，sheet标签页区域和滚动条区域的宽度比也可以通过这个属性获取和设置：

spread.options.tabStripRatio

这样可以给出计算 + 位置的一些参考。

+++++++++++++++++++++++++++++++++

我提供另一种方案您参考一下：

1、缓存当前表单名称 + 数量的数组，用spread.sheets可以获取当前workbook所有表单对象。

2、注册ActiveSheetChanged事件：
https://demo.grapecity.com.cn/sp ... heetChanged_EV.html

3、事件中对比spread.sheets和缓存数组的差异，如果发生新增了sheet，触发执行您的行为逻辑。

wangyue1 · wangyue1

KevinChen 发表于 2020-5-25 09:47
您好，SpreadJS有两个方法可以获取到viewPort区域，也就是表格区域的宽高：

https://demo.grapecity.com ...

这个已经解决了。

使用click事件 + hitTest得到的结果不准确，是因为spread本身的操作是绑定的mousedown事件，click事件执行在mousedown之后，所以hitTest执行在新增sheet之后

在hostEl上注册mousedown事件，并设置useCapture为true，可以让hitTest在新增sheet之前执行，hitTest结果就准确了

KevinChen · KevinChen

感谢分享！这个方法很强大！

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

[已处理] 关于监听添加工作表、删除工作表事件

最佳答案

7 个回复

评分

微信认证勋章

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证