首页 > 其他 > 详细

模态类型的传值问题

时间:2015-07-14 20:27:14      阅读:317      评论:0      收藏:0      [点我收藏+]


什么是模态?

技术分享

一旦弹出模态窗口或对话框,如果用户不对其进行操作(如点击确定或取消按钮等),就如法进行其他的操作.

 

弹出模态窗口的语句:

var testSend = window.showModalDialog('modal.htm','','dialogHeight:150px;dialogWidth:500px;center:no');


window.showModelessDialog(sURL[,vArguments][,sFeatures])

 

1)sURL 指明模态窗口的URL地址

2)vArguments 传递参数

3)sFeatures 窗口的外观大小等

 

其中第一个参数必须有,第二三个参数可有可无。


如何传值?

   单击FrontPage.htm(A页面)中的按钮,弹出模态窗口modal.htm(B页面),点击modal.htm中的按钮关闭窗口,并返回值。

A页面js

    function test() {
        alert("ID:" + window.dialogArguments.id+" ;"+"名字:"+ window.dialogArguments.name);
        var message = {
            "state": "begin",
            "info": "404"
        };
        window.returnValue = message;

    }

B页面js

 function test() {
        var person = {
         "id":"001",
        "name":"yangyang"
    };
    var testSend = window.showModalDialog('modal.htm',person,'dialogHeight:150px;dialogWidth:500px;center:no');
    alert("状态:" + testSend.state + " ;" + "信息:" + testSend.info);

     }

技术分享


点击B页面确定按钮,将A页面的值传过来。


技术分享


关闭B页面,将B页面的值传到A页面。

技术分享


参数说明:

window.dialogArguments来取得传递进来的参数。

window.returnValue向打开对话框的窗口返回信息。


版权声明:本文为博主原创文章,未经博主允许不得转载。

模态类型的传值问题

原文:http://blog.csdn.net/u010066934/article/details/46881163

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!