请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

Lenka.Guo 讲师达人认证 悬赏达人认证
超级版主   /  发表于:2022-2-15 09:52  /   查看:704  /  回复:7
本帖最后由 Lenka.Guo 于 2022-2-22 10:12 编辑

ActiveReports 16 为WebViewer及JSViewer提供了丰富的导出能力,并支持配置各个文件类型的导出设置。

自定义xls 导出设置:

  1.                     <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <meta name="theme-color" content="#000000">
  8.     <title>JS Viewer</title>
  9.     <link href="jsViewer.min.css" rel="stylesheet">
  10.     <link href="index.css" rel="stylesheet">
  11. </head>
  12. <body onload="loadViewer()">
  13.     <div style="width: 100%">
  14.         <div id="viewerContainer"></div>
  15.     </div>
  16.     <script type="text/javascript" src="jsViewer.min.js"></script>
  17.     <script type="text/javascript">
  18.         let viewer;
  19.         function loadViewer() {
  20.             viewer = GrapeCity.ActiveReports.JSViewer.create({
  21.                 element: '#viewerContainer',
  22.                 defaultExportSettings: {
  23.                   
  24.                     xls: {
  25.                         /* only rdlx */
  26.                         EnableToggles: { value: true },
  27.                         LayoutMode: { value: 'Galley' },
  28.                         RightToLeft: { value: true },
  29.                         /* only rpx */
  30.                         FileFormat: { value: 'Xls95' },
  31.                         AutoRowHeight: { value: true },
  32.                         DisplayGridLines: { value: true },
  33.                         Pagination: { value: false },
  34.                         /* both (rdlx and rpx) */
  35.                         MultiSheet: { value: false },
  36.                         SheetName: { value: 'Sheet_xls' },
  37.                         UseDefaultPalette: { value: true },
  38.                         Orientation: { value: 'Landscape' },
  39.                         PaperSize: { value: 'A5' },
  40.                         Password: { value: '123456' },
  41.                         ProtectedBy: { value: 'USER' },
  42.                         ReadOnlyRecommended: { value: true },
  43.                         WritePassword: { value: '123456' },
  44.                         FileName: { value: "ar16" }
  45.                     },
  46.                 }
  47.             });
  48.             viewer.openReport("DemoReport.rdlx");
  49.         }
  50.     </script>
  51. </body>
  52. </html>

  53.                
复制代码
自定义.xlsx 导出设置:

  1. <blockquote>
复制代码


自定义导出doc格式设置

  1.                     <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.      <meta charset="utf-8">
  5.      <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
  6.      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.      <meta name="theme-color" content="#000000">
  8.      <title>JS Viewer</title>
  9.      <link href="jsViewer.min.css" rel="stylesheet">
  10.      <link href="index.css" rel="stylesheet">
  11. </head>
  12. <body onload="loadViewer()">
  13.      <div style="width: 100%">
  14.          <div id="viewerContainer"></div>
  15.      </div>
  16.      <script type="text/javascript" src="jsViewer.min.js"></script>
  17.      <script type="text/javascript">
  18.          let viewer;
  19.         function loadViewer() {
  20.              viewer = GrapeCity.ActiveReports.JSViewer.create({
  21.                  element: '#viewerContainer',
  22.                 defaultExportSettings: {
  23.                   
  24.                   doc: {
  25.                       Author: { value: 'USER', visible: true },
  26.                       BaseHref: { value: 'www.com' },
  27.                       Generator: { value: 'Created by USER' },
  28.                       PageHeight: { value: '10' },
  29.                       PageWidth: { value: '5' },
  30.                       Title: { value: 'TITLE_01' },
  31.                       FileName: { value: 'ar16_doc', visible: true }
  32.                   },
  33.                 }
  34.             });
  35.              viewer.openReport("DemoReport.rdlx");
  36.          }
  37.      </script>
  38. </body>
  39. </html>

  40.                
复制代码



自定义导出Docx设置:

  1.                     <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <meta name="theme-color" content="#000000">
  8.     <title>JS Viewer</title>
  9.     <link href="jsViewer.min.css" rel="stylesheet">
  10.     <link href="index.css" rel="stylesheet">
  11. </head>
  12. <body onload="loadViewer()">
  13.     <div style="width: 100%">
  14.         <div id="viewerContainer"></div>
  15.     </div>
  16.     <script type="text/javascript" src="jsViewer.min.js"></script>
  17.     <script type="text/javascript">
  18.         let viewer;
  19.         function loadViewer() {
  20.             viewer = GrapeCity.ActiveReports.JSViewer.create({
  21.                 element: '#viewerContainer',
  22.                 defaultExportSettings: {
  23.                     docx: {
  24.                         Author: { value: 'USER' },
  25.                         CompanyName: { value: 'USER_COMPANY' },
  26.                         DocumentCompatibilityVersion: { value: 'Word2010' },
  27.                         DpiX: { value: 80 },
  28.                         DpiY: { value: 80 },
  29.                         Title: { value: 'TITLE_01' },
  30.                         TOCAutoUpdate: { value: true },
  31.                         Orientation: { value: 'Portrait' },
  32.                         PaperSize: { value: 'B4' },
  33.                         Password: { value: '123456' },
  34.                         ReadOnlyRecommended: { value: true },
  35.                         WritePassword: { value: '123456' },
  36.                         FileName: { value: 'ar16_doc' }
  37.                     },
  38.                 }
  39.             });
  40.             viewer.openReport("DemoReport.rdlx");
  41.         }
  42.     </script>
  43. </body>
  44. </html>

  45.                
复制代码


自定义导出PDF 设置

  1.                     <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <meta name="theme-color" content="#000000">
  8.     <title>JS Viewer</title>
  9.     <link href="jsViewer.min.css" rel="stylesheet">
  10.     <link href="index.css" rel="stylesheet">
  11. </head>
  12. <body onload="loadViewer()">
  13.     <div style="width: 100%">
  14.         <div id="viewerContainer"></div>
  15.     </div>
  16.     <script type="text/javascript" src="jsViewer.min.js"></script>
  17.     <script type="text/javascript">
  18.         let viewer;
  19.         function loadViewer() {
  20.             viewer = GrapeCity.ActiveReports.JSViewer.create({
  21.                 element: '#viewerContainer',
  22.                 defaultExportSettings: {
  23.                     pdf: {
  24.                         /*only for rpx*/
  25.                         ConvertMetaToPng: { value: true },
  26.                         ExportBookmarks: { value: false },
  27.                         ImageInterpolation: { value: 'Auto' },
  28.                         ImageQuality: { value: 'Highest' },
  29.                         /*both (rdlx and rpx)*/
  30.                         Title: { value: 'Document' },
  31.                         Author: { value: 'USER' },
  32.                         Subject: { value: 'PDF' },
  33.                         Keywords: { value: 'PDF export' },
  34.                         Application: { value: 'AR16' },
  35.                         EmbedFonts: { value: 'All' },
  36.                         Version: { value: 'PDF-1.5' },
  37.                         UserPassword: { value: 'user_pwd' },
  38.                         OwnerPassword: { value: 'owner_pwd' },
  39.                         Encrypt: { value: true },
  40.                         FileName: { value: 'ar16_pdf', visible: true }
  41.                     },
  42.                 }
  43.             });
  44.             viewer.openReport("DemoReport.rdlx");
  45.         }
  46.     </script>
  47. </body>
  48. </html>

  49.                
复制代码


7 个回复

倒序浏览
朱大虾0608
注册会员   /  发表于:2022-3-15 12:03:04
沙发
版主啊  我按照你的方式设置了, 怎么 导出多个sheet 不能设置否,分页模式 反正属性都每没生效  AR16
回复 使用道具 举报
Bella.YuanWyn认证
超级版主   /  发表于:2022-3-15 14:34:17
板凳
朱大虾0608 发表于 2022-3-15 12:03
版主啊  我按照你的方式设置了, 怎么 导出多个sheet 不能设置否,分页模式 反正属性都每没生效  AR16

您好,方便的话上传一下您的工程文件(使用高级模式,上传至附件),我们看看哦!
回复 使用道具 举报
朱大虾0608
注册会员   /  发表于:2022-3-16 09:00:25
地板
Bella.Yuan 发表于 2022-3-15 14:34
您好,方便的话上传一下您的工程文件(使用高级模式,上传至附件),我们看看哦!

不太懂什么是工程文件 我们这是web .net core 然后包引入的ar16的包。按道理来说 是可以设置这些默认属性的啊
回复 使用道具 举报
Bella.YuanWyn认证
超级版主   /  发表于:2022-3-16 09:47:16
5#
朱大虾0608 发表于 2022-3-16 09:00
不太懂什么是工程文件 我们这是web .net core 然后包引入的ar16的包。按道理来说 是可以设置这些默认属性 ...

您好,工程文件也就是您的项目文件,方便的话移步至AR的求助中心板块直接发帖,我们有对应的同事帮您进行解决,帖子中具体描述您的问题以及对应可复现的demo或者工程文件,这样更方便快速帮您解决问题哦!
回复 使用道具 举报
Bella.YuanWyn认证
超级版主   /  发表于:2022-3-16 16:11:22
6#
朱大虾0608 发表于 2022-3-16 09:00
不太懂什么是工程文件 我们这是web .net core 然后包引入的ar16的包。按道理来说 是可以设置这些默认属性 ...

您好,我这边测试后导出多个sheet是正确的,版主所给的代码“布局模式”默认是连续,所以设置“导出为多个sheet”为“是”时是不生效的,若要设置“导出为多个sheet”需要先设置导出多个sheet为“真”,然后切换布局模式为“分页”,即可成功导出为多个sheet,教程代码只是参考,具体页面导出设置您可以在代码里进行修改或者在页面进行选择后在点击“导出”按钮进行导出。具体可参考下面的附件demo进行修改。
API参考链接:https://www.grapecity.com/active ... tings-jsviewer.html

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
朱大虾0608
注册会员   /  发表于:2022-3-17 15:35:36
7#
Bella.Yuan 发表于 2022-3-16 09:47
您好,工程文件也就是您的项目文件,方便的话移步至AR的求助中心板块直接发帖,我们有对应的同事帮您进行 ...

OK了 你们另外一个远程同事帮忙看了下 是引入的JS文件太旧了, 我们是从15升级上来的, 十分感谢
回复 使用道具 举报
Bella.YuanWyn认证
超级版主   /  发表于:2022-3-17 15:37:06
8#
朱大虾0608 发表于 2022-3-17 15:35
OK了 你们另外一个远程同事帮忙看了下 是引入的JS文件太旧了, 我们是从15升级上来的, 十分感谢

好的,解决了就好
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册