【v17】异步加载designer.css，加载完成后工具栏只展示两个按钮

产品：SpreadJS
版本：17.1.4
调研编号：SJS-26097
Last Review：2024-09-19
当前进展：已提供解决方案。

【v17】异步加载designer.css，加载完成后工具栏只展示两个按钮



使用场景：
由于designer.css文件较大，为缩短首屏加载时长，因此采用异步加载的方式，但出现了以上问题，当表格初始化完成后css加载完成，工具栏仅有两个按钮。

那您想要的是异步加载样式 （refresh)，还想修改模式，修改模式，需要setConfig ，而依赖样式。

1.   link.onload = function(){
   
2.         var designer = GC.Spread.Sheets.Designer.findControl('gc-designer-container');
   
3.         designerConfig = GC.Spread.Sheets.Designer.ToolBarModeConfig;
   
4.         designer?.setConfig(designerConfig);
   
5.         designer.refresh();
   
6.       }

复制代码

所以除了上述给出的代码：没有更好的方案了。


结合您之前的问题，您可以自行扩展菜单，只使用SpreadJS ,不用Designer 。

您好！我们需要调研一下，调研后及时向您同步结论。

Wilson.Zhang 发表于 2024-8-21 17:10
您好！我们需要调研一下，调研后及时向您同步结论。

有进展了吗？

spreadjs666 发表于 2024-8-26 17:03
有进展了吗？

还在调研中，您在开发阶段可以先不异步加载，这样不影响您对组件功能的正常使用。一旦有结论，我会及时向您同步，请您等候！

Wilson.Zhang 发表于 2024-8-26 17:11
还在调研中，您在开发阶段可以先不异步加载，这样不影响您对组件功能的正常使用。一旦有结论，我会及时向 ...

不异步加载的方案不太可行，因为我们过程中还要加载其他的内容，光是这一个css就需要加载4-6s，如果是同步的话，用户首屏加载时长会非常长。因此希望能尽快给出方案，感谢

spreadjs666 发表于 2024-8-26 17:30
不异步加载的方案不太可行，因为我们过程中还要加载其他的内容，光是这一个css就需要加载4-6s，如果是同 ...

了解您的诉求了，我们对该调研进行了加急，会及时向您同步结论。

您好！我们调研后发现应该在异步加载成功后再对Designer设置ToolBarModeConfig，原有代码在异步加载成功前便设置了ToolBarModeConfig，导致未能正常设置ToolBarModeConfig。您可以参考附件中的demo了解详情。 异步加载css.zip (6.11 MB, 下载次数: 71)

2024-8-27 11:54 上传

点击文件名下载附件

Wilson.Zhang 发表于 2024-8-27 10:44
您好！我们调研后发现应该在异步加载成功后再对Designer设置ToolBarModeConfig，原有代码在异步加载成功前 ...

附件是指我传上去的附件吗？

spreadjs666 发表于 2024-8-27 11:48
附件是指我传上去的附件吗？

不是，我回帖时有给您提供一个附件demo，看来上传失败了，我重新上传，请您稍等下。