昨天在项目中要实现一个弹出页面展示table数据,然后选中table表单中的一条数据给父窗口使用,选择使用window.showModalDialog()方法实现弹出页面,下面记录一下使用心得。
(一)、基础知识了解
window.showModuleDialog()方法用来创建一个显示html内容的模态对话框,模态对话框是指,在模态对话框打开的情况下,如果你想要对对话框以外的应用程序做操作,必须要先对对话框进行相应,比如,你创建了一个模态对话框,但是你又想操作父窗口,这个时候你必须先把模态窗口关了才能访问父窗口,否则是不允许操作的。
(二)、使用方法
1、我再项目中要实现的效果如下:
点击按钮-->弹出模态对话框,展示页面内容table-->选中table中的一条信息,将信息传给父窗口
2、实现代码如下
按钮响应函数如下:
//选择任务
function selectJob() {
var rtnValue = window.showModalDialog("SelectJob.jsp", paraObj, "scroll:no;resizable:no;status:no;help:no;dialogHeight:510px;dialogWidth:400px");
if (rtnValue != null ) {
window.location.reload();
document.getElementById("jobInfo").value = rtnValue;
alert("您已经选择任务:" +rtnValu