找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › ActiveReports专区 › 专题教程 › 查看内容
发新帖

Lenka.Guo 讲师达人认证 悬赏达人认证

超级版主

259

主题

4685

帖子

9466

积分

超级版主

Rank: 8Rank: 8

积分
9466

活字格认证讲师达人悬赏达人微信认证勋章元老葡萄

最新发帖

[ActiveReports] ActiveReports 16新特性-JSViewer及WebViewer 导出属性API 介绍

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

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

自定义xls 导出设置：

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

  55.                
复制代码
自定义.xlsx 导出设置：

  2. <blockquote>
复制代码


自定义导出doc格式设置

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

  42.                
复制代码



自定义导出Docx设置：

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

  47.                
复制代码


自定义导出PDF 设置

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

  51.                
复制代码

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
回复 使用道具 举报
朱大虾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或者工程文件，这样更方便快速帮您解决问题哦！
回复 使用道具 举报
朱大虾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升级上来的， 十分感谢

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

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



本帖子中包含更多资源

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

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

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

本帖子中包含更多资源

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

x
回复 使用道具 举报
下一页 »
12下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部