集成SpreadJS后两个SpreadJS来回切换导致重新加载格式和数据，此类问题如何避免？

收藏

本帖最后由 Joestar.Xu 于 2024-2-22 09:19 编辑

SpreadJs集成后两个SpreadJs开发的组件来回切换时，会导致切换的SpreadJs组件重新渲染和数据加载，此类问题如何解决？

initSpread这个方法可以跳过吗？这是默认的主方法吗？

Joestar.Xu · Joestar.Xu

您好，没太理解您目前的使用场景，您是在切换的时候都会执行initSpread这个方法吗？如果是的话肯定是会导致SpreadJS重新加载的。

能否请您详细描述一下您的使用场景？如可以的话最好提供一个可以复现您问题的Demo。

Ellia.Duan · Ellia.Duan

您好，如果你想避免来回操作导致数据重新渲染，您可以试下框架中集成的缓存机制，如果还有问题，建议如楼上所言，提供一个demo，我们来调研下您的需求。

不止 · 不止

Joestar.Xu 发表于 2024-2-22 09:20
您好，没太理解您目前的使用场景，您是在切换的时候都会执行initSpread这个方法吗？如果是的话肯定是会导致 ...

您好，我这边是两个Spreajs实现的功能，集成到公司框架中，都使用initSpread这个方法，两个功能来回切换时重复加载Spreadjs，调用了两边initSpread。

Joestar.Xu · Joestar.Xu

请问您的initSpread具体是怎么实现的呢？

不止 · 不止

Joestar.Xu 发表于 2024-3-4 18:02
请问您的initSpread具体是怎么实现的呢？

您好，前端代码已上传，麻烦您有空看一下。

Joestar.Xu · Joestar.Xu

您好，这边看了一下您的代码，没有发现什么明显的问题，这份代码将SpreadJS封装成一个组件，如果您同时使用了两个这样的组件，组件与组件之间是不会互相影响的。

另外，您题目中描述的“导致切换的SpreadJs组件重新渲染和数据加载”，您这边具体是怎么切换的呢？是不同的页面吗？还是什么其他的操作？最好能提供一个能复现此问题的视频，这边帮您看看。

不止 · 不止

Joestar.Xu 发表于 2024-3-5 09:35
您好，这边看了一下您的代码，没有发现什么明显的问题，这份代码将SpreadJS封装成一个组件，如果您同时使用 ...

组件1

组件2

操作

结果

切换SpreadJs组件时重复加载两次，而且重新渲染加载

Joestar.Xu · Joestar.Xu

该问题是由于React框架切换组件时没有使用缓存导致的，与SpreadJS无关，楼主可以上网查找一下相关的缓存资料来实现KeepAlive的效果。

也可以参考：
https://blog.csdn.net/weixin_44058725/article/details/135700632
https://blog.csdn.net/sinat_17775997/article/details/123211231

不止 · 不止

Joestar.Xu 发表于 2024-3-5 14:02
该问题是由于React框架切换组件时没有使用缓存导致的，与SpreadJS无关，楼主可以上网查找一下相关的缓存资 ...

好的，谢谢大佬

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

[已处理] 集成SpreadJS后两个SpreadJS来回切换导致重新加载格式和数据，此类问题如何避免？

10 个回复

SpreadJS 认证

SpreadJS 高级认证