页面布局变化刷新SpreadJS和Designer

SpreadJS和在线表格编辑是按照容器host的大小进行初始化。在某些场景下会使用百分比或者flex布局，让控件根据页面大小按比例初始化。当页面大小发生变化时，SpreadJS会监听window的resize，进行刷新重会

但是当页面有可动态调整大小的边栏时候，并不会触发resize，这时候就需要主动调用refresh方法刷新
对于设计器调用designer.refresh()，Spread JS调用workbook.refresh()。
这个调用发生在页面布局调整之后，建议加上setTimeout保证页面布局已经完成。

如果使用了框架，页面布局的调整并不容易监听，组件之间的通信业比较麻烦，对于这种场景可以主动出发window的resise，让spread刷新

1. setTimeout(function(){
   
2.       window.dispatchEvent(new Event('resize'));
   
3.           },700)

复制代码

我是把sjs插件放到了Modal里，本来无法正常渲染的,看了帖子使用resize事件解决了，非常感谢！

Mr.bo 发表于 2021-12-10 16:45
我是把sjs插件放到了Modal里，本来无法正常渲染的,看了帖子使用resize事件解决了，非常感谢！