弹出模态窗口的例子

需求描述

实现点击链接,能弹出模态窗口,并且弹出的窗口内的报表可以正常翻页查询导出。

需求实现

 

第一步,设计报表如下,

 

第二步,在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里,实现翻页、查询和导出不会重新打开新窗口。

热门文章