如何在保存报表或者另存报表时调用自己的方法

我们很多时候会遇到这种场景，在保存报表的时候想给自己的系统保存另一些信息，也就是在保存报表的时候执行自己的方法。

那怎么做呢

我们API有专门暴露出来的save事件和open事件以及Create事件

那么如何使用呢，可以参考如下代码

1. let viewer = null;
   
2. 
   
3. let designerOptions = GrapeCity.ActiveReports.WebDesigner.createDesignerOptions();
   
4. 
   
5. designerOptions.openButton.visible = true;
   
6. designerOptions.saveButton.visible = true;
   
7. designerOptions.saveAsButton.visible = true;
   
8. 
   
9. designerOptions.openViewer = function (options) {
   
10.   if (viewer) {
    
11.     viewer.openReport(options.reportInfo.id);
    
12.     return;
    
13.   }
    
14.   viewer = GrapeCity.ActiveReports.JSViewer.create({
    
15.     locale: 'zh',
    
16.     element: '#' + options.element,
    
17.     reportService: {
    
18.       url: 'http://10.32.210.245:58723/api/reporting',
    
19.       onRequest: function (init) {
    
20.         init.headers.Authorization = 'token';
    
21.       }
    
22.     },
    
23.     reportID: options.reportInfo.id,
    
24.     settings: {
    
25.       zoomType: 'FitPage'
    
26.     },
    
27.   });
    
28. };
    
29. 
    
30. designerOptions.language = "zh"
    
31. 
    
32. designerOptions.documentApiHandlers.onAfterSave = () => {
    
33.   console.log("保存结束")
    
34. }
    
35. designerOptions.documentApiHandlers.onBeforeSave = () => {
    
36.   console.log("保存前")
    
37. }
    
38. 
    
39. GrapeCity.ActiveReports.WebDesigner.renderApplication("ar-web-designer", designerOptions)

复制代码