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

QQ登录

只需一步,快速开始

Lenka.Guo 讲师达人认证 悬赏达人认证
超级版主   /  发表于:2022-2-15 09:52  /   查看:2398  /  回复:11
本帖最后由 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.                
复制代码


11 个回复

正序浏览
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
回复 使用道具 举报
Bella.YuanWyn认证
超级版主   /  发表于:2024-1-4 09:43:21
12#

您好,如有问题请在对应板块的求助中心开贴,这个是教程板块。
回复 使用道具 举报
zhengwei_cq
初级会员   /  发表于:2024-1-4 09:22:59
11#
本帖最后由 zhengwei_cq 于 2024-1-4 09:24 编辑
Bella.Yuan 发表于 2024-1-3 17:24
您好,请仔细检查一下版本,我这边使用16版本测试是正常的,您也可以直接下载置顶回帖的附件,在您本

本帖子中包含更多资源

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

x
回复 使用道具 举报
Bella.YuanWyn认证
超级版主   /  发表于:2024-1-3 17:24:34
10#
zhengwei_cq 发表于 2024-1-3 17:09
我是ar16,按如下配置后没有效果,请问还有别的地方配置吗:

您好,请仔细检查一下版本,我这边使用16版本测试是正常的,您也可以直接下载置顶回帖的附件,在您本地测试对比看看。

本帖子中包含更多资源

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

x
回复 使用道具 举报
zhengwei_cq
初级会员   /  发表于:2024-1-3 17:09:17
9#
Bella.Yuan 发表于 2022-3-17 15:37
好的,解决了就好

我是ar16,按如下配置后没有效果,请问还有别的地方配置吗:



本帖子中包含更多资源

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

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

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

OK了 你们另外一个远程同事帮忙看了下 是引入的JS文件太旧了, 我们是从15升级上来的, 十分感谢
回复 使用道具 举报
Bella.YuanWyn认证
超级版主   /  发表于:2022-3-16 09:47:16
5#
朱大虾0608 发表于 2022-3-16 09:00
不太懂什么是工程文件 我们这是web .net core 然后包引入的ar16的包。按道理来说 是可以设置这些默认属性 ...

您好,工程文件也就是您的项目文件,方便的话移步至AR的求助中心板块直接发帖,我们有对应的同事帮您进行解决,帖子中具体描述您的问题以及对应可复现的demo或者工程文件,这样更方便快速帮您解决问题哦!
回复 使用道具 举报
朱大虾0608
注册会员   /  发表于:2022-3-16 09:00:25
地板
Bella.Yuan 发表于 2022-3-15 14:34
您好,方便的话上传一下您的工程文件(使用高级模式,上传至附件),我们看看哦!

不太懂什么是工程文件 我们这是web .net core 然后包引入的ar16的包。按道理来说 是可以设置这些默认属性的啊
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部