配置 ARJS Viewer

配置 ARJS Viewer

以下步骤描述了，如何在Web应用中添加 ARJS Viewer

1. 添加 HTML 页面

2.  新建“Scripts”文件夹，将ARJS 所需的js文件拷贝到当前文件夹下

    <script type="text/javascript" src="http://cdn.grapecity.com/activereportsjs/1.0.0/dist/ie-polyfills.full.js"></script> <!--to run in IE-->

    <script type="text/javascript" src="http://cdn.grapecity.com/activereportsjs/1.0.0/dist/ar-js-core.js"></script>

    <script type="text/javascript" src="http://cdn.grapecity.com/activereportsjs/1.0.0/dist/ar-js-viewer.js"></script>

3. 添加’css’ 文件夹并拷贝 ar-js-viewer.css 文件到css文件夹下。

<link rel="stylesheet" href="http://cdn.grapecity.com/activereportsjs/1.0.0/styles/ar-js-viewer.css" />

4. 添加reports 文件夹，并将现有的报表拷贝到该路径下

设置Viewer 为中文

1.    在页面中添加ar-js-locales.js 文件的引用，可以从CDN 或本地或NPM 添加

<script type="text/javascript" src="dist/locales/ar-js-locales.js"></script>   

2. 设置Viewer Options 的Language 为zh(jp 为日文，en为英文)

  var options={language:'zh'}

const viewer = new ActiveReports.Viewer('#root',options);

或

new ActiveReports.Viewer('#root', {language: 'zh'}

);

设置 Viewer 侧边栏隐藏

  viewer.toggleSidebar(true);

当本地预览报表时，报Not Found 错误

因为浏览器现在无法直接打开本地Json,而报表刚好是Json 的格式，所以导致打开报错，解决方法：

1. 部署环境下预览，当然要在部署环境下预览就又需要临时部署授权，所以如果有部署授权的朋友可以在部署下预览。

2.用火狐浏览器或Edge 浏览器可以直接打开

3. 在网上搜索的解决方案，给chrome添加启动参数：--allow-file-access-from-files

4. 如果实在想要在开发环境下预览结果，得修改报表文件为 js 格式，然后引入进去

1.      用文本编辑器打开报表，在前面添加var template=

2.      保存报表为js 格式

3.     在页面中引入保存好的js 文件，如下

<script type="text/javascript" src="Test.js"></script>   

4.     修改viewer.open 方法：

viewer.open(template);

Vue 中设置Viewer 为中文

1. 打开 Package.json 文件，增加localization 文件的引用

"dependencies": {

    "@grapecity/activereports": "^1.0.0",

    "@grapecity/activereports-localization": "~1.0.0",

    "core-js": "^3.4.3",

    "vue": "^2.6.10"

  },

2. 打开App.vue 文件中导入localization文件

import'@grapecity/activereports-localization';

3. 设置viewer 为中文

部署后报找不到该路径的报表文件

这是因为未设置 MIME 类型

解决方法：

打开IIS 配置服务器管理器， 选择 MIME 类型。

点击添加

点击确定即可，完成，就这样优秀搞定！

为什么附件全部不能查看呢？

桂花酒酿丸子 发表于 2020-3-27 19:27
为什么附件全部不能查看呢？

抱歉回复晚了，您说的是图片吗。您能换个Chrome浏览器试试吗？

建议你们搞测试用例或者环境搭建的时候，考虑以下java环境的配置；
java web 中应用arjs需要在
web.xml中添加
  <mime-mapping>
    <extension>rdlx-json</extension>
    <mime-type>application/json</mime-type>
  </mime-mapping>

另外建议考虑非 vue，非Angular，非React框架下的应用；

点击查看您发的附件的时候确实打不开，没权限；
提示 抱歉，您没有权限下载本附件

您好是图片打不开吗？我这边查看都是正常的呢。建议非常好，我们会逐渐丰富多种应用场景的demo，教程。奖励500金币！！

对，图片打不开。

您用的什么浏览器？我这边Chrome 都可以，用收集尝试了也可以。是不是浏览器的关系