与 ActiveReports .Net 兼容

目前支持

报表类型必须是 .json 格式
报表控件与旧格式(.rdlx)兼容状态
AR.NET 与 ARJS功能比对

ActiveReportsJS 在 npm 中使用，与其他 npm包一样，您需要下载安装 NodeJS (https://nodejs.org/en/)

安装

可以在NodeJS中通过执行以下命令从 npm 中安装ARJS 的最新版本：

npm install @grapecity/arjs.purejs.all

这将安装所有的纯JavaScript模块。如果您要了解 ARJS 对其他框架的支持或安装指定的 ARJS功能模块, 请查看: referencing npm.

在应用程序中使用ARJS

首先，在页面中添加一个host元素并指定ID。

<div id="hostElement"></div>

ARJS用CommonJS格式打包的JavaScript模块。您可以与能够加载这些功能模块的工具一起使用 ARJS，例如 Webpack bundler或 SystemJS 运行时模块加载器。

要将ARJS模块导入由TypeScript或Babel支持的应用程序，您可以使用ES2015导入语句。所有的模块的名称都是以 "@grapecity/" 为前缀的,再加模块名称.

从CDN 引用 ActiveReportsJS

ActiveRportsJS包也在CDN上发布。在这种情况下，不需要下载。只需将以下代码添加到HTML页面：

当CDN 链接不可用时候
<link href="https://cdn.grapecity.com/wijmo/5.20191.603/styles/wijmo.min.css" rel="stylesheet"/>

<head>
     <title>Export from custom buttons added on viewer toolbar</title>
    <meta charset="utf-8" />

     <link rel="stylesheet" href="https://cdn.materialdesignicons.com/2.8.94/css/materialdesignicons.min.css">

    
    <script type="text/javascript" src="scripts/ie-polyfills.full.js"></script>
    <script type="text/javascript" src="scripts/ar-js-core.js"></script>
    <script type="text/javascript" src="scripts/ar-js-viewer.js"></script>
    <script type="text/javascript" src="scripts/ar-js-xlsx.js"></script>
    <script type="text/javascript" src="scripts/ar-js-pdf.js"></script>
    <script type="text/javascript" src="scripts/ar-js-html.js"></script> 
  <link rel="stylesheet" type="text/css" href="css/ar-js-viewer.css">

</head>
<body onload="load()">
    <div id="ARJSviewerDiv" style="height: 100% ;width: 100%"></div>
    <script>
        function load() {
            viewer = new ActiveReports.Viewer('#ARJSviewerDiv'); 
                    
           // open rdlx-json file in viewer
            viewer.open('/reports/InvoiceList.rdlx-json');
        }
    </script>
</body>