在vue单页面中嵌套iframe，为什么有时候可以获取到spread对象有时候不行？

在vue单页面中嵌套iframe，为什么有时候可以获取到spread对象有时候不行？

需要有具体的Demo才能跟踪问题，可以发个能重现问题的包，发到我们售后邮箱 support组

KevinChen 发表于 2019-12-9 09:53
目前已经可以确认，获取不到workbook实例实际上是由于加载时差的原因造成的了。

SpreadJS的在线表格编 ...

designer.loader.ready  这个事件有时候触发不了，为什么啊？

阳光多灿烂 发表于 2019-12-6 17:14
而且获取dom也必须放在里面，不然有时候获取dom也会获取不到

目前已经可以确认，获取不到workbook实例实际上是由于加载时差的原因造成的了。

SpreadJS的在线表格编辑器加载确实是需要一个过程，不过它也提供了一个加载完成事件，

可以在src/index/index.js中看到它的调用：

1. designer.loader.ready(function () {
   
2.         //To Fix the designer resize performance issues.
   
3.         $(window).unbind("resize.gcuiribbon");
   
4.         $("#verticalSplitter").show();
   
5.         updateLayout();
   
6.     });

复制代码

你可以在这个designer.loader.ready中可以加入一些调用父层页面的方法，

以此来将SpreadJS的workbook实例赋值给父层页面。

还有一些你可能用得到的代码，我贴在这里：

1. //获取Designer实例：
   
2. var designer = GC.Spread.Sheets.Designer;
   
3. //通过designer获取workbook：
   
4. var spread = designer.wrapper.spread;

复制代码

阳光多灿烂 发表于 2019-12-6 17:12
在setimeout是可以的，但是得设置1s以上，加载会比较慢。

而且获取dom也必须放在里面，不然有时候获取dom也会获取不到

KevinChen 发表于 2019-12-6 14:40
您好，这种情况通常是由于加载时间差造成，

在iframe.onload中获取workbook实例，可能在执行到findContr ...

在setimeout是可以的，但是得设置1s以上，加载会比较慢。

您好，这种情况通常是由于加载时间差造成，

在iframe.onload中获取workbook实例，可能在执行到findControl时，workbook还没有初始化，这就导致findControl拿不到。

要验证这个猜测，可以把这句代码放到setTimeout中试试。