Javascript模态窗口使用小结
简单应用场景:
母页面打开模态窗口Code
//ModelDialogPage.aspx 要在模态窗口中显示的页面
//ObjID 接收模态窗口返回值的对象的ID
function OpenModalDialog(){
var result = showModalDialog("ModelDialogPage.aspx","dialogWidth:600px;dialogHeight:450px;status:'no'");
{
document.getElementById("ObjID").value = result;
}
}
模态窗口中返回值
//var returnValue for return value
function returnBack() {
window.returnValue = partsStr;
window.close();
}
function returnBack() {
window.returnValue = partsStr;
window.close();
}
向模态窗口传值
母传参数页面
//
function OpenModelDialog(){
var args = new Array();
args[0]= document.all.textfield1.value;
args[1]= document.all.textfield2.value;
var url="ModelDialogPage.aspx";
state="dialogWidth:600px;dialogHeight:450px;status:'no'";
var result = showModalDialog(url, args,state);
}
function OpenModelDialog(){
var args = new Array();
args[0]= document.all.textfield1.value;
args[1]= document.all.textfield2.value;
var url="ModelDialogPage.aspx";
state="dialogWidth:600px;dialogHeight:450px;status:'no'";
var result = showModalDialog(url, args,state);
}
模态窗口接收参数
//获取参数
function getvalue()
{
var arg1 = window.dialogArguments[0];
var arg2 = window.dialogArguments[1];
}
function getvalue()
{
var arg1 = window.dialogArguments[0];
var arg2 = window.dialogArguments[1];
}
作者:RobertFang 出处:Http://fangrobert.cnblogs.com/ 欢迎转载,请转载的文章页面明显位置给出原文链接。 |