历史版本2 :JS实现点击跳转页面和定时跳转页面 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

一、概述编辑

在报表的制作中,我们往往会用到报表的跳转以达到从一个报表携带参数到另一个报表的过程,这时候需要利用JS代码来辅助完成。

二、实现过程编辑

1、定时跳转页面

从一个页面在固定的时间内跳转到另一个页面。代码是利用设计器内置报表为例。

首先在body控件下新建一个初始化的方法,如下:

222


之后在初始化方法中编辑添加JS代码。

setTimeout(function(){ window.location="${servletURL}?formlet=demo/newchart/leidatu_phone.frm"; },5000) 

 在5秒内从一个报表跳转到另一个报表。可制作成自动轮播效果如下:


222

2、点击跳转到另一个页面
 在一个报表的某个控件上绑定一个跳转事件从一个报表跳转到另一个报表。
同样是以上面两个表单为例,在chart1的控件上绑定点击事件,如下所示:


222

之后再点击事件中编辑,添加JS代码:

window.location = "ReportServer?formlet=demo/newchart/leidatu_phone.frm";


在点击chart1这个控件时,跳转到另一个报表,效果如下:


222


三、使用场景介绍编辑

定时跳转一般用于大屏项目中,在实现范例中,我们采用了左边大屏静止不动(一般为主要显示大概主体信息),右边大屏定时跳转(一般显示其他详细信息)的方式,一方面可以展示囊括所有想要的数据,另一方面也体现了大屏的灵活性并且不需要人为操作的自动化展现。

点击跳转一般用于平时的业务报表,在业务部门提出需求时,根据业务形式,在主页上面显示今天或当月主要内容,点击后可以查看详细内容。