AR13升级到AR18后，导出不好用

          导出代码如下，升18后，点击按钮无反应
           <script type="text/javascript">         
            var viewMode;

            $(document).ready(function () {

                var toolbar = $('#WebViewer1').find('.arvToolBar');  //WebViewer1为WebViewer的ID
                toolbar.find('.btnToggleSidebar').remove();
                toolbar.find('.btnFind').remove(); //隐藏查找按钮
                toolbar.find('.btnBack').remove();
                toolbar.find('.btnGalley').remove();

                $('#WebViewer1').bind('loaded', function () {

                    // 获取 ViewMode 对象

                    viewMode = GetViewModel('WebViewer1');

                });

            });

            // 导出 Excel 文件

            function BtnExcel_onclick() {

                if (viewMode.PageLoaded()) {
                    viewMode.Export(ExportType.Xls, function (uri) {

                        window.location = uri;

                    }, true, {
                            FileName:  "产品产量报表",
                            MultiSheet: false,
                            Pagination: false
                        });

                }

            }

        </script>
F12的错误提示：

木四 发表于 2024-11-6 09:44
可以了，谢谢大神，ExportType.Xls 不能直接用了，viewMode = GetViewModel('WebViewer1'); 这样定义也不 ...

Nice，给您点个赞

木四 发表于 2024-11-5 15:52

可以了，谢谢大神，ExportType.Xls 不能直接用了，viewMode = GetViewModel('WebViewer1'); 这样定义也不行了，
最终代码如下：
           function BtnExcel_onclick() {

               $('.viewer').ready(function () {
                   var viewModel = GetWebViewer($("#WebViewer1")[0].childNodes[0].id);

                   viewModel.export('Xls', function (uri) {
                       var newWin = null;
                       // open uri in new window
                       try {
                           newWin = window.open(uri);
                       } catch (e) { }
                       // if browser rejects opening new window, open uri in current window
                       if (!newWin) {
                           window.location = uri;
                       }
                   }, true, {
                       FileName: "产品产量报表",
                       MultiSheet: false,
                       Pagination: false
                   });

               });


           }

从代码中看起来是您的viewModel 没有获取到值，有可能页面元素的控件获取失败，您可以用如下方法获取试一下:

1. function viewer_loaded() {
   
2.     var viewModel = GetWebViewer($("#WebViewer")[0].childNodes[0].id);
   
3.     console.log("viewModel", viewModel);
   
4. }
   
5. 
   
6. function document_onload() {
   
7.     $(document).ready(function () {
   
8.         $('.viewer').ready(viewer_loaded);
   
9.     });
   
10. }
    
11. 
    
12. document_onload();

复制代码

下面是一个简单的Demo，您可以参考一下:

Eden.Sun 发表于 2024-11-1 10:56
https://github.com/activereports/WebSamples18/tree/main

您在这个地址上下载demo看看

demo里也没有呀，目前可以用界面自带的导出

木四 发表于 2024-11-1 08:25
我的程序不是MVC的框架，就普通 的ASP.net项目，这样的

https://github.com/activereports/WebSamples18/tree/main

您在这个地址上下载demo看看

我的程序不是MVC的框架，就普通 的ASP.net项目，这样的

这个也报错，未能找到引用的组件“GrapeCity.ActiveReports.Export.Excel”。       
我手动添加这个引用也不行               
而且我想要个js的代码

问题描述：
AR18 自定义导出按钮。


问题解决：
您好，AR 13到18  版本跨度比较大，写法上可能有变化，您参考这个帖子看一下呢：

JSViewer_MVC自定义按钮保存导出文件到服务器固定目录_晋江全顺软件
https://gcdn.grapecity.com.cn/showtopic-57467-1-1.html
(出处: 葡萄城开发者社区)

从您截图的代码中，确实也没有定义ExportType

这个对象如果不是咱们自己定义的，那确实应该报错找不到。
不确定咱们以前的实现逻辑和之前的定义逻辑。
不过现在export需要的对象如下:
https://developer.mescius.com/ac ... SViewer.html#export

1. <span style="background-color: rgb(255, 255, 255);">viewMode</span>.export('Pdf', downloadReport, true, { Title: '1997 Annual Report' })
   
2. 
   
3. // function fetches the report from uri(callback function)
   
4. var downloadReport = function (uri) {
   
5.         var newWin = null;
   
6.         // open uri in new window
   
7.         try {
   
8.             newWin = window.open(uri);
   
9.         } catch (e) { }
   
10.         // if browser rejects opening new window, open uri in current window
    
11.         if (!newWin) {
    
12.             window.location = uri;
    
13.         }
    
14.     };

复制代码