找回密码
 立即注册

QQ登录

只需一步,快速开始

KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-2-15 17:53:27
11#
您好,我截图演示一下。当您页面上Sp出现加载失败时,如图:

image.png185141295.png

这时实际上SpreadJS已经加载了,只是由于加载时框架的iframe中初始化尚未完成,

因此导致尺寸错误,以及一些元素被覆盖了。

此时可以先获取到页面的spread实例,然后调用refresh()即可。如图:

image.png713405151.png

严谨一点的话,在执行refresh()前先判断一下spread实例是否为空。

现在的问题在于执行这两句代码的时机,可以选择在框架iframe初始化完毕后调用框架的加载完毕的回调函数,

或者在用户点击标签页时时执行,如图:

image.png983292541.png
回复 使用道具 举报
viperous_devil
金牌服务用户   /  发表于:2019-2-15 22:45:00
12#
KevinChen 发表于 2019-2-15 17:53
您好,我截图演示一下。当您页面上Sp出现加载失败时,如图:

很尴尬。那个,在下作为后端程序员,前端技术太过浅薄,找了大半天找不到对应的位置。能否帮在下找到这个两个位置,我测试下在相关位置替换上是否有效。万分感谢
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-2-18 10:22:57
13#
您好,您项目中控制tab页的代码在这个路径下找:

http://139.224.169.17:8559/targetsetting/frame/front/b.tabs.js

b.tabs.js中,第88行这个函数,如图所示:

image.png24924925.png

在红色箭头所示的位置,这句代码之后,return之前,添加如下代码:

  1. var spread = GC.Spread.Sheets.findControl("TeamcategoryOitTable");
  2. if(spread){spread.refresh();}
复制代码


我这边没有配置拦截注入的环境,所以你需要在你源码中改动,然后测试一下。

注意,我贴出的代码,findControl中接收的id是指当前标签页中SpreadJS所在Div的ID,

这个值不应该是写死的,需要传入或者为div添加一个属性等方法来获取。
回复 使用道具 举报
viperous_devil
金牌服务用户   /  发表于:2019-2-18 13:52:47
14#
KevinChen 发表于 2019-2-18 10:22
您好,您项目中控制tab页的代码在这个路径下找:

http://139.224.169.17:8559/targetsetting/frame/fron ...

实验了下,加在这里并不行
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-2-18 14:39:45
15#
viperous_devil 发表于 2019-2-18 13:52
实验了下,加在这里并不行

好的,我这边搭个环境,远程改一下试试,可能需要时间比较久,帖子状态暂时改为“未处理”。
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-2-19 11:13:19
16#
您好,我又调试了一段代码,您可以试试:

代码内容:

  1. var intervalId = setInterval(function () {
  2.     if(spread){
  3.         // TeamcategoryOitTable
  4.         // TeamcategorySalesTable
  5.         var width = $("#TeamcategoryOitTable").find("canvas").width();
  6.         var height = $("#TeamcategoryOitTable").find("canvas").height();
  7.         if(width < 100 && height < 100){
  8.             spread.refresh();
  9.         }else{
  10.             clearInterval(intervalId);
  11.         }
  12.     }
  13. }, 500);
复制代码


添加位置:

http://139.224.169.17:8559/targe ... /TeamcategoryOit.js

第237行,layer.closeAll('loading'); 之后。

同理,把代码中的id改为TeamcategorySalesTable后,加到文件:

http://139.224.169.17:8559/targe ... eamcategorySales.js

的相同位置,239行即可。
回复 使用道具 举报
viperous_devil
金牌服务用户   /  发表于:2019-2-20 09:19:13
17#
KevinChen 发表于 2019-2-19 11:13
您好,我又调试了一段代码,您可以试试:

代码内容:

非常感谢,问题解决了!
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-2-20 10:12:29
18#
不客气,感谢您的反馈,本帖我结贴了,有新的问题欢迎发新贴交流~
回复 使用道具 举报
12
您需要登录后才可以回帖 登录 | 立即注册
返回顶部