现在的位置: 首页 > 综合 > 正文

Javascript模态窗口使用小结

2012年09月23日 ⁄ 综合 ⁄ 共 1598字 ⁄ 字号 评论关闭

简单应用场景:

 母页面打开模态窗口Code

 

 

//ModelDialogPage.aspx 要在模态窗口中显示的页面
//ObjID 接收模态窗口返回值的对象的ID 

function OpenModalDialog(){
var
 result = showModalDialog("ModelDialogPage.aspx","dialogWidth:600px;dialogHeight:450px;status:'no'"); 

 if(result != null)
{
  document.getElementById(
"ObjID").value = result;
}

}

  模态窗口中返回值

//var returnValue for return value
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 getvalue()
{
 
var arg1 = window.dialogArguments[0];
 
var arg2 = window.dialogArguments[1]; 
}

简单应用场景:

 母页面打开模态窗口Code

 

 

//ModelDialogPage.aspx 要在模态窗口中显示的页面
//ObjID 接收模态窗口返回值的对象的ID 

function OpenModalDialog(){
var
 result = showModalDialog("ModelDialogPage.aspx","dialogWidth:600px;dialogHeight:450px;status:'no'"); 

 if(result != null)
{
  document.getElementById(
"ObjID").value = result;
}

}

  模态窗口中返回值

//var returnValue for return value
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 getvalue()
{
 
var arg1 = window.dialogArguments[0];
 
var arg2 = window.dialogArguments[1]; 
}

抱歉!评论已关闭.