ActiveReportsJS是一种报告解决方案，可以帮助您使用简单而强大的API创建复杂的报告，并可以轻松地嵌入和自定义您的需求。从基于页面的报告或基于数据的RDL报告中，您可以选择创建完整的报告库。您可以快速生成所见即所得的报告，并在客户端导出为PDF或Excel
。该工具还包括对低级数据访问，项目浏览和条件格式表达式的内置支持。
ActiveReportsJS工具的功能：高性能JavaScript报告引擎使用功能强大的报告引擎在任何设备上下载并生成JavaScript报告。设计交互式JavaScript报告使用低级数据访问功能，项目浏览可提供更多的端到端交互和信息。没有外部依赖用TypeScript编写，可以在任何Web应用程序中运行。还可以自定义以在VSCode中使用。导出并打印用户端快速创建所见即所得，并在用户端将报告导出为PDF和Excel，从而允许用户打印JavaScript报告。以PDF，Excel和HTML格式导出报告。为每个JavaScript框架生成报告将ActiveReportsJS用于流行的JavaScript框架，包括Angular，React和Vue。 # ActiveReportsJS CN
* ActiveReportsJS 是一个轻量级的报表解决方案，为您提供简单易用的丰富的 API ，创建复杂报表，轻松集成到您的项目重 为了满足常用的报表布局需求，不需要依赖于服务端。
* ActiveReportsJS支持以下报表类型："页面" 和"RDL 报表"。
## 安装
使用命令 `npm install @grapecity/activereports` 安装 ActiveReportsJS
## 产品资料
更多产品资料请点击 [帮助文档](https://demo.grapecity.com.cn/activereportsjs/docs/GettingStarted/Introduction) 或 [API 文档](https://demo.grapecity.com.cn/activereportsjs/api/) 。
## 示例
[ActiveReportsJS 示例](https://demo.grapecity.com.cn/activereportsjs/demos/Reports/InvoiceList/purejs).
## 入门指南 - 创建第一个 **ActiveReportsJS Viewer** 应用
### 操作步骤
1. 在 `index.html` head 标签内添加 `dist`文件夹中的 js 文件的引用， `ar-js-core.js` 、 `ar-js-viewer.js` 及`styles` 文件夹中的css文件 `ar-js-viewer.css` :```html <link rel="stylesheet" type="text/css" href="/styles/ar-js-viewer.css">
<script src="/dist/ar-js-core.js"></script> <script src="/dist/ar-js-viewer.js"></script>```
2. 如果需要支持 IE11 , 也需要在 `index.html` head标签内添加`ie-polyfills.js`文件 (具体位置要在 `ar-js-core.js` 和 `ar-js-viewer.js`文件前面引用) ```html <script src="/dist/ie-polyfills.js"></script>```
3. 如果需要支持导出按钮， 需要添加 `ar-js-pdf.js`, `ar-js-html.js` 及 `ar-js-xlsx.js` `dist` 文件夹的引用:```html <script src="/dist/ar-js-pdf.js"></script> <script src="/dist/ar-js-html.js"></script> <script src="/dist/ar-js-xlsx.js"></script>```
4. 在 `index.html` body 标签内声明 div 用于展示 *ActiveReportsJS Viewer*。 注意, 必须要定义height属性:```html <div id="root" style="height: 100vh"></div>```
5. 在 `index.html` body `onload` 事件中添加以下脚本:```html<body onload="loadViewer()"> <script> function loadViewer() { var viewer = new ActiveReports.Viewer('#root'); viewer.open({ "Name": "Report", "Type": "report", "Body": { "Name": "Body", "Type": "section", "ReportItems": [ { Type: "textbox", Name: "textbox1", Value: "Hello from ActiveReports", Top: "3in", Left: "3in", Height: "1in" } ] } }); } </script>
<div id="root" style="height: 100vh"></div></body>```
## 设计器
我们提供了 Windows,Mac,Linux 三个版本的设计器报表设计器 **ActiveReportsJS Designer**。下载[设计器](https://downloads.grapecity.com.cn/ActiveReportsJS/ActiveReportsJS_Beta.zip) 系统要求浏览
器需要以下任何受HTML5支持的浏览器：Microsoft Internet Explorer 11
Microsoft Edge
谷歌浏览器
Mozilla FireFox
Safari支持的
Angular
Vue
React 框架支持的操作系统
Windows
macOS
Linux 购买后，将显示帖子中所有出售内容。
若发现会员采用欺骗的方法获取财富,请立刻举报,我们会对会员处以2-N倍的罚金,严重者封掉ID!
此段为出售的内容，购买后显示
关于激活 - Install ActiveReportsJS Designer
- Replace app.asar with cracked one
请支持正版 www.GrapeCity.com.cn
西安葡萄城信息技术有限公司[ 此帖被pony8000在2023-03-26 22:09重新编辑 ]
微博帐号登录