您的位置：首页 > Web前端 > JavaScript

【报表】关于润乾报表超链接调用js文件实现可交互

2016-12-07 09:07 471 查看

润乾报表最终生成的格式HTML的格式，所以可以添加js方法并执行。同时润乾报表本身也是支持维护js方法的。以莱州报表为例介绍润乾报表维护js方法实现报表可交互方法维护。

1. 制作润乾报表【附件 report1.raq】

数据集维护：select userid,username from

2. 设置B2单元格字体颜色（蓝色）下划线，同时维护超链接属性

表达式维护注意事项：

1）         代码用双引号拼接

2）         必须以javascript:开头

3）         方法名调用jsp文件中的方法（后面会讲方法如何定义）

4）         方法调用的参数可以直接写单元格表达式

5）         保存，放到项目指定位置

3.    编写jsp文件调用报表

附件加代码：【附件showreport2.jsp】

<%@ page contentType="text/html;charset=GBK"%>
<%@ taglib uri="/WEB-INF/runqianReport4.tld"prefix="report"%>
<%@ page import="com.sdjxd.pms.platform.base.Global"%>
<%@ page import="java.util.*"%>
<%@ page import="java.text.SimpleDateFormat"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01 Transitional//EN">
<html>
<head>
<script language="javascript">
</script>
<base href="<%=basePath%>">

<title>报表</title>
<% String contextRoot = request.getContextPath(); %>
<script type="text/javascript">
// 调用方法
function cellOnClick(str){
alert(str);
}
</script>
</head>
<body  >
<table  align="center">
<tr align="center">
<td >
<report:html name="report1" reportFileName="report1.raq"
funcBarLocation="top"
needSaveAsExcel="yes" needPrint="yes" needPageMark="no"
scrollWidth="100%"   scrollHeight="100%"  needScroll="yes"
excelPageStyle="0"/>
</td>
</tr>
</table>
</body>
</html>

4. 发布项目，在项目中预览报表

5. 点击用户名内容显示效果

点击用户名显示对应的用户id

【关于润乾报表超链接调用js文件实现可交互附件】

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 润乾报表超链接 js 交互

相关文章推荐

新的分享

章节导航