JSviewer如何前端给参数赋值

使用参数进行数据的任意过滤是项目中很常见的一个需求，经常会有这样的一个需求就是希望可以在页面端给报表参数进行赋值。进行数据的筛选
下面我们来将继续下如何进行前端参数的赋值

单值参数

1、首先设置参数报表，设置参数P1,P2

报表文件见附件:"单值参数.rdlx"
2、前端参数传值代码：

1. <script type="text/javascript">
   
2.     let viewer;
   
3.     function loadViewer() {
   
4.       viewer = GrapeCity.ActiveReports.JSViewer.create({
   
5.           element: '#viewerContainer',
   
6.           reportID:'单值参数.rdlx',
   
7.           reportParameters: [{ name: 'P1', values: [1] }, { name: 'P2', values: [1] }]
   
8.       });
   
9.     }
   
10.   </script>

复制代码

多值参数

1、设置报表参数为多值，参数P1为多值，P2为单值

报表见附件："Sqlserver多值参数报表.rdlx"
2、前端参数传递的写法

1. <script type="text/javascript">
   
2.     let viewer;
   
3.     function loadViewer() {
   
4.       viewer = GrapeCity.ActiveReports.JSViewer.create({
   
5.           element: '#viewerContainer',
   
6.           reportID:'Sqlserver多值参数报表.rdlx',
   
7.           reportParameters: [{ name: 'P1', values: [1,2,3,4] }, { name: 'P2', values: [12] }]
   
8.       });
   
9.     }
   
10.   </script>

复制代码

运行结果