如何实现参数和报表间的联动效果-创新互联
在交互分析中,报表经常需要根据参数进行实时变化。也就是“参数联动”效果,下面就通过一个例子说明润乾报表是如何实现这种需求的。

创新互联专注于
做网站、网站建设、网页设计、网站制作、网站开发。公司秉持“客户至上,用心服务”的宗旨,从客户的利益和观点出发,让客户在网络营销中找到自己的驻足之地。尊重和关怀每一位客户,用严谨的态度对待客户,用专业的服务创造价值,成为客户值得信赖的朋友,为客户解除后顾之忧。
页面的左侧为参数输入区域,右侧的数据报表需要根据参数实时查询结果,效果如下图:

实现步骤:
1 准备报表
连接默认的 demo 数据源,制作如下报表:

其中,报表参数为:

用于接收地区和城市参数。
报表数据集为:


2 定义参数输入
定义参数输入页面,如下:
请选择参数:
|
|
请选择参数:
| |
其中,数据报表采用 iframe 嵌入,发布报表的 showReport.jsp 在润乾报表的安装包中。这里需要定义下拉框的 onChange 事件。加入以下 JS 代码:
这样,在选择参数后会触发 onChange 事件,通过自动修改 iframe 的 src 属性即可实现联动查询效果。
详情链接:
http://c.raqsoft.com.cn/article/1554689324200?r=gxy
标题名称:如何实现参数和报表间的联动效果-创新互联
转载来源:http://wjwzjz.com/article/djhecs.html