SpreadJS V16 在线表格编辑器使用继续使用ExcelIO导入导出Excel

SpreadJS V16 推出了全新的导入Excel方式，无需先转换JSON再导入.

SpreadJS V16 设计器保留原有使用Excel IO导入导入导出Excel的方式，可以通过以下方式开启。
1. 获取文件菜单模板

1. let DesignerNS = GC.Spread.Sheets.Designer, fileMenuTemplateName = DesignerNS.TemplateNames.FileMenuPanelTemplate;
   
2. let template = DesignerNS.getTemplate(fileMenuTemplateName), targetNode = template.content[0].children[0].children[1];

复制代码

2. 将导入导出Excel的选项和功能由新的导入方式value Excel替换为Excel IO

1. targetNode.children[1].children[1].children[0].children[0].items[0].value = "Excel IO"
   
2. targetNode.children[2].children[1].children[0].children[0].items[0].value = "Excel IO"

复制代码

3. 由于Excel是一个选项，需要将导入导出方式的默认值也修改为Excel IO
context.getData("fileMenuSetting")中放的是用户上一次选择内容，如果选过就不替换了


所有代码如下

1. // 由于导入Excel是第一个选项，需要修改一下初始的默认值，如果不是放到第一个，这个就不需要了
   
2. let getFileMenuOption = GC.Spread.Sheets.Designer.FileMenuHandler.getFileMenuOption;
   
3. GC.Spread.Sheets.Designer.FileMenuHandler.getFileMenuOption = function(context){
   
4.     let fileMenuSetting = context.getData("fileMenuSetting");
   
5.     let option = getFileMenuOption.call(this, context);
   
6.     console.log(option)
   
7.     if(!fileMenuSetting || !fileMenuSetting.activeCategory_import){
   
8.         option.activeCategory_import = "Excel IO"
   
9.     }
   
10.     if(!fileMenuSetting || !fileMenuSetting.activeCategory_export){
    
11.         option.activeCategory_export = "Excel IO"
    
12.     }
    
13.     return option;
    
14. }
    
15. 
    
16. let DesignerNS = GC.Spread.Sheets.Designer, fileMenuTemplateName = DesignerNS.TemplateNames.FileMenuPanelTemplate;
    
17. let template = DesignerNS.getTemplate(fileMenuTemplateName), targetNode = template.content[0].children[0].children[1];
    
18. // 默认value是Excel，使用新的导入导出选项，替换为Excel IO
    
19. targetNode.children[1].children[1].children[0].children[0].items[0].value = "Excel IO"
    
20. targetNode.children[2].children[1].children[0].children[0].items[0].value = "Excel IO"
    
21. // 也可以新增一个item
    
22. // targetNode.children[1].children[1].children[0].children[0].items.splice(1,0,{text:"ExcelIO", value:"Excel IO"});
    
23. // targetNode.children[2].children[1].children[0].children[0].items.splice(1,0,{text:"ExcelIO", value:"Excel IO"});
    
24. DesignerNS.registerTemplate(fileMenuTemplateName, template);
    
25. 
    

复制代码

也可以同时开启两种导入Excel的方式，这种情况不需要重写getFileMenuOption修改默认值了

1. targetNode.children[1].children[1].children[0].children[0].items.splice(1,0,{text:"ExcelIO", value:"Excel IO"});
   
2. targetNode.children[2].children[1].children[0].children[0].items.splice(1,0,{text:"ExcelIO", value:"Excel IO"});

复制代码

使用Excel IO导入的方式可以监听FileLoading，获取到SpreadJS ssjson

1. designer.bind(GC.Spread.Sheets.Designer.Events.FileLoading, function(s, e){
   
2.     console.log(s, e);
   
3. });

复制代码

官网的实例还是IO导出，请问有没有16.1.4的demo呢

阿仁 发表于 2023-7-31 09:55
官网的实例还是IO导出，请问有没有16.1.4的demo呢

没太理解您的意思，目前官网的在线Excel编辑器没有使用ExcelIO，而是open的接口。

16.1.4的demo具体指的是什么呢？