一个弹出模态窗口的例子
需求描述
实现点击链接,能弹出模态窗口,并且弹出的窗口内的报表可以正常翻页查询导出。
需求实现
第一步,设计报表如下,
第二步,在showReport.jsp中添加如下Javascript代码,
<script>
function showModal(urlstr,width,height)
var me;
me=window;
x=(screen.availWidth-width)/2;
y=(screen.availHeight-height)/2;
dWin=window.showModelessDialog(urlstr,me,’dialogWidth=’+width +’px;dialogHeight=’+height+’px;help:no;status:no;scroll:no;dialogLeft=’+x+’;dialogTop=’+y);
}
</script>
第三步,modelDialog.jsp页面,
<%@ page contentType=”text/html;charset=GBK” %>
<%@ taglib uri=”/WEB-INF/runqianReport4.tld” prefix=”report” %>
<%@ page import=”java.io.*”%>
<%@ page import=”java.util.*”%>
<html>
<head>
<script>
function addParam(){
var url = window.location.href;
var newurl = url.replace(/modelDialog/g,”showReport”);
window.if1.location.href=newurl;
}
window.onload = addParam;
</script>
</head>
<BODY>
<iframe id=”if1″ name=”if1″ src=”" width=”100%” height=”100%”>
</BODY>
</html>
第四步,点击单元格链接,弹出窗口,翻页、查询和导出都正常,
报表嵌套在里iframe里,实现翻页、查询和导出不会重新打开新窗口。