JS Viewer如何前端进行参数的传递

JS Viewer渲染报表在加载速度和报表的渲染美观度上相对于H5来说都有一个很大的提升。

为了方便大家后期更好的使用JS Viewer进行报表的加载，今天特别在JS Viewer 前端参数传递上进行一个讲解。

参数传递的主要实现代码：

1. reportParameters: [{ name: 'ReportParameter1', values: ['1']}]
   
2. 
   

复制代码

前端整体代码：

name值要跟报表的参数命名一致。

1. <script type="text/javascript">   
   
2. 
   
3.     var viewer = GrapeCity.ActiveReports.JSViewer.create({
   
4. 
   
5.         element: '#viewerContainer',
   
6. 
   
7.         reportID: 'H5参数报表.rdlx',
   
8. 
   
9.         reportParameters: [{ name: 'P1', values: ['Reports参数1'] },
   
10. 
    
11.                            { name: 'P2', values: ['Reports参数2'] }
    
12. 
    
13.         ],
    
14. 
    
15.         reportService: {},
    
16. 
    
17.         setting:{
    
18. 
    
19.            ZoomType: 'fitpage'
    
20. 
    
21.         }
    
22. 
    
23.     });
    
24. 
    
25. </script>

复制代码

第二种写法：

1.    <script type="text/javascript">
   
2.         let viewer;
   
3.         var a1;
   
4.         var a2;
   
5.         viewer = GrapeCity.ActiveReports.JSViewer.create({
   
6.             element: '#viewerContainer'
   
7.         });
   
8.         function selectViewReport() {        
   
9.             a1 = document.getElementById("fname1").value;
   
10.             a2 = document.getElementById("fname2").value;         
    
11.             //viewer.openReport("参数报表.rdlx");         
    
12.             viewer.openReport('参数报表.rdlx', [{ name: 'P1', values: [a1] }, { name: 'P2', values: [a2] }]);        
    
13.         }
    
14.     </script>

复制代码

运行结果

您好，我现在通过前段传值的方式，第一次可以显示数据，再点击别的参数时，显示的还是第一次的数据是什么问题？

这个应该是你的写法或者查询语句哪里有点问题导致的。具体的排查问题的步骤已经在该博客进行了回复：https://gcdn.grapecity.com.cn/fo ... &extra=page%3D1

第二种方法没有粘贴过来吧？还是被小豆豆吃了吗？

LoveBaby 发表于 2021-4-5 15:45
第二种方法没有粘贴过来吧？还是被小豆豆吃了吗？

是的  好像没有粘贴过来

mmax 发表于 2023-12-20 11:07

您好，你有什么问题吗？  您可以开个帖子，具体描述一下，咱们看怎么解决呢：https://gcdn.grapecity.com.cn/showforum-41-1.html