找回密码
 立即注册

QQ登录

只需一步,快速开始

KearneyKang 讲师达人认证 悬赏达人认证

超级版主

199

主题

6505

帖子

1万

积分

超级版主

Rank: 8Rank: 8

积分
10816

圣诞拼拼乐微信认证勋章讲师达人悬赏达人元老葡萄

KearneyKang 讲师达人认证 悬赏达人认证
超级版主   /  发表于:2019-3-8 15:46  /   查看:8084  /  回复:6
本帖最后由 KearneyKang 于 2021-6-15 17:57 编辑

JS Viewer渲染报表在加载速度和报表的渲染美观度上相对于H5来说都有一个很大的提升。
为了方便大家后期更好的使用JS Viewer进行报表的加载,今天特别在JS Viewer 前端参数传递上进行一个讲解。

参数传递的主要实现代码:
  1. reportParameters: [{ name: 'ReportParameter1', values: ['1']}]

复制代码
前端整体代码:

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

  1. <script type="text/javascript">   

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

  3.         element: '#viewerContainer',

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

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

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

  7.         ],

  8.         reportService: {},

  9.         setting:{

  10.            ZoomType: 'fitpage'

  11.         }

  12.     });

  13. </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>
复制代码

运行结果

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

6 个回复

倒序浏览
幽你一默
注册会员   /  发表于:2020-12-10 15:03:08
沙发
您好,我现在通过前段传值的方式,第一次可以显示数据,再点击别的参数时,显示的还是第一次的数据是什么问题?
回复 使用道具 举报
KearneyKang讲师达人认证 悬赏达人认证
超级版主   /  发表于:2020-12-10 17:43:21
板凳
这个应该是你的写法或者查询语句哪里有点问题导致的。具体的排查问题的步骤已经在该博客进行了回复:https://gcdn.grapecity.com.cn/fo ... &extra=page%3D1
回复 使用道具 举报
LoveBaby
注册会员   /  发表于:2021-4-5 15:45:54
地板
第二种方法没有粘贴过来吧?还是被小豆豆吃了吗?
回复 使用道具 举报
James.Lv讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2021-4-6 18:45:50
5#
LoveBaby 发表于 2021-4-5 15:45
第二种方法没有粘贴过来吧?还是被小豆豆吃了吗?

是的  好像没有粘贴过来
回复 使用道具 举报
mmax
注册会员   /  发表于:2023-12-20 11:07:53
6#
回复 使用道具 举报
Eden.SunWyn认证
超级版主   /  发表于:2023-12-20 14:19:41
7#

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


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部