一个弹出模态窗口的例子

来源：互联网发布：情趣女王魏道道淘宝编辑：程序博客网时间：2024/05/21 10:20

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

需求实现

第一步，设计报表如下，

第二步，在showReport.jsp中添加如下Javascript代码，

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>

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>

</BODY>

</html>

第四步，点击单元格链接，弹出窗口，翻页、查询和导出都正常，

报表嵌套在里iframe里，实现翻页、查询和导出不会重新打开新窗口。