关于modalDialog子父页面传对象
父页面希望点击按钮弹出一个modalDialog对话框,把一些对象传给对话框页面,并且希望对话框页面加载的时候就能拿到并使用。。。?怎此才能实现......
父页面希望点击按钮弹出一个modalDialog对话框,把一些对象传给对话框页面,并且希望对话框页面加载的时候就能拿到并使用。。。?
怎此才能实现... 展开
怎此才能实现... 展开
1个回答
展开全部
这里使用了JavaScript的showModalDialog()方法
父页面---------------------------------------------------------------------------
<script type="text/javascript">
function myDialog(){
var arr=new Array(2);//创建数据
arr[0]="参数1";//添加参数
arr[1]="参数2";//添加参数
var url="dialog.html";//设置URL
var layout="dialogWidth=500px;dialogHeight=25px;scroll=no;status=no;help=no;center=yes";//设置Dialog布局样式
var son=window.showModalDialog(url,arr,layout);//设置son获取Dialog传递过来的值
alert(son);//弹出返回值
}
</script>
<input type="button" value="弹出对话框" onclick="myDialog()"/>
Dialog---------------------------------------------------------------------------
<script type="text/javascript">
function readParent(){
var arr=window.dialogArguments;//获取父传递的数组
for(var i=0;i<arr.length;i++){//遍历参数
alert(arr[i]);//输出参数
}
}
function result(){
window.returnValue="设置子窗口返回的值";
this.close();//关闭窗口
}
</script>
<input type="button" value="关闭并返回参数" onclick="result()"/>
<input type="button" value="读取父窗口的参数" onclick="readParent()"/>
layout的各项可选参数--------------------------------------------------------------------------
dialogWidth:弹出窗口的宽度;
dialogHeight:弹出窗口的高度;
dialogLeft:弹出窗口的左边距
dialogTop:
edge:sunken | raised
center: yes|no|1|0|on|off
dialogHide: yes|no|1|0|on|off
help: yes|no|1|0|on|off
resizable: yes|no|1|0|on|off
scroll: yes|no|1|0|on|off
status: yes|no|1|0|on|off
unadorned: yes|no|1|0|on|off
父页面---------------------------------------------------------------------------
<script type="text/javascript">
function myDialog(){
var arr=new Array(2);//创建数据
arr[0]="参数1";//添加参数
arr[1]="参数2";//添加参数
var url="dialog.html";//设置URL
var layout="dialogWidth=500px;dialogHeight=25px;scroll=no;status=no;help=no;center=yes";//设置Dialog布局样式
var son=window.showModalDialog(url,arr,layout);//设置son获取Dialog传递过来的值
alert(son);//弹出返回值
}
</script>
<input type="button" value="弹出对话框" onclick="myDialog()"/>
Dialog---------------------------------------------------------------------------
<script type="text/javascript">
function readParent(){
var arr=window.dialogArguments;//获取父传递的数组
for(var i=0;i<arr.length;i++){//遍历参数
alert(arr[i]);//输出参数
}
}
function result(){
window.returnValue="设置子窗口返回的值";
this.close();//关闭窗口
}
</script>
<input type="button" value="关闭并返回参数" onclick="result()"/>
<input type="button" value="读取父窗口的参数" onclick="readParent()"/>
layout的各项可选参数--------------------------------------------------------------------------
dialogWidth:弹出窗口的宽度;
dialogHeight:弹出窗口的高度;
dialogLeft:弹出窗口的左边距
dialogTop:
edge:sunken | raised
center: yes|no|1|0|on|off
dialogHide: yes|no|1|0|on|off
help: yes|no|1|0|on|off
resizable: yes|no|1|0|on|off
scroll: yes|no|1|0|on|off
status: yes|no|1|0|on|off
unadorned: yes|no|1|0|on|off
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询