KearneyKang 发表于 2019-3-8 15:46:27

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

本帖最后由 KearneyKang 于 2021-6-15 17:57 编辑

JS Viewer渲染报表在加载速度和报表的渲染美观度上相对于H5来说都有一个很大的提升。为了方便大家后期更好的使用JS Viewer进行报表的加载，今天特别在JS Viewer 前端参数传递上进行一个讲解。
参数传递的主要实现代码：reportParameters: [{ name: 'ReportParameter1', values: ['1']}]

前端整体代码：
name值要跟报表的参数命名一致。
<script type="text/javascript">   

    var viewer = GrapeCity.ActiveReports.JSViewer.create({

      element: '#viewerContainer',

      reportID: 'H5参数报表.rdlx',

      reportParameters: [{ name: 'P1', values: ['Reports参数1'] },

                           { name: 'P2', values: ['Reports参数2'] }

      ],

      reportService: {},

      setting:{

         ZoomType: 'fitpage'

      }

    });

</script>第二种写法：
   <script type="text/javascript">
      let viewer;
      var a1;
      var a2;
      viewer = GrapeCity.ActiveReports.JSViewer.create({
            element: '#viewerContainer'
      });
      function selectViewReport() {      
            a1 = document.getElementById("fname1").value;
            a2 = document.getElementById("fname2").value;         
            //viewer.openReport("参数报表.rdlx");         
            viewer.openReport('参数报表.rdlx', [{ name: 'P1', values: }, { name: 'P2', values: }]);      
      }
    </script>
运行结果

幽你一默 发表于 2020-12-10 15:03:08

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

KearneyKang 发表于 2020-12-10 17:43:21

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

LoveBaby 发表于 2021-4-5 15:45:54

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

James.Lv 发表于 2021-4-6 18:45:50

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

是的好像没有粘贴过来

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

:dizzy::dizzy::dizzy::dizzy::dizzy:

Eden.Sun 发表于 2023-12-20 14:19:41

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


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


页: [1]
查看完整版本: JS Viewer如何前端进行参数的传递