showModalDialog，子页面修改信息，同时父页面刷新到最新数据

今天搞了2-3个钟头终于搞定了一个棘手的问题，其实也不是很难只是自己对js的了解有限，以至于没有发现这样的解决办法、

 

有一个页面a.action转向a.jsp，另一个子页面b.action转向b.jsp。
假定：a.jsp有N列数据，可以修改，删除、我点击某一列修改按钮触发事件edit()；

function edit(){
      window.showModalDialog("b.action","","dialogWidth:100px;dialogHeight:200px;scroll:yes;status:no");
}

 

 这里面存在两个问题：

   1、缓存问题
          如果按照上面那样写的话，你会发现打开b.jsp，每次显示的数据都是一样的，尽管你修改成功了。这是缓存问题
      网上推荐的最简单解决办法：传递一个唯一的参数值，第一个参数可改为："b.action?temp="+new Date()。
   2、传值问题
          众所周知，第二个参数是向子页面传递参数的。网上有人说，子页面使用window.dialogArguments，就相当于使用父页面的window一样。这句话是在传递了window对象的基础上的。如果你想在子页面上操作父页面的函数function a(){}，那么你需要把第二个参数传递一个window.window或者window(一个window对象)，那么你在子页面上就可以使用window.dialogArguments.a()调用a函数;

 

function edit(){
       window.showModalDialog("b.action?temp="+new Date(),window,"dialogWidth:100px;dialogHeight:200px;scroll:yes;status:no");
}

 

评论

9 楼 飞语001 2010-10-01  

楼主对子页面的处理方式很奇怪，其实可以用DIV处理弹出页面，挺简单，如二楼说的，用返回值的方式处理也可以，没必要传window参数，如果有两层子页面，那你如何处理了？

8 楼 Inthespring 2010-09-25  

搞复杂了！

父页：
function edit(){  
      var str = window.showModalDialog("b.action","","dialogWidth:100px;dialogHeight:200px;scroll:yes;status:no");  
} 

子页：
function rs(){
   window.returnValue='要返回的值';
   window.close();
}

7 楼 aokunsang 2010-09-25  

qinglintan 写道

好怪哦，为什么不使用returnValue：http://qinglintan.iteye.com

学习了、

6 楼 aokunsang 2010-09-25  

need_faith 写道

“1、缓存问题
          如果按照上面那样写的话，你会发现打开b.jsp，每次显示的数据都是一样的，尽管你修改成功了。这是缓存问题
      网上推荐的最简单解决办法：传递一个唯一的参数值，第一个参数可改为："b.action?temp="+new Date()。”
不明白为什么有这样的问题，页面是否缓存，可以控制的，在b.jsp中增加
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
不可以防止缓存吗？

呵呵 貌似我用词不对，这应该是“窗口的缓存问题”(应该这样说吧),不知道为什么，我修改完子页面的内容，总是不能看到最新修改。  Google说是窗口的缓存，传递一个唯一标示就ok了、

5 楼 yidwo 2010-09-25  

怎么不用层呢。。还是这些感觉效果和性能上………… 很久就不这么用了。。。 是吧？！

4 楼 need_faith 2010-09-25  

“2、传值问题
          众所周知，第二个参数是向子页面传递参数的。网上有人说，子页面使用window.dialogArguments，就相当于使用父页面的window一样。这句话是在传递了window对象的基础上的。如果你想在子页面上操作父页面的函数function a(){}，那么你需要把第二个参数传递一个window.window或者window(一个window对象)，那么你在子页面上就可以使用window.dialogArguments.a()调用a函数;”

建议采用楼上两位的方法，子窗口将处理结果放进returnValue中，父窗口读取（win = window.showModalDialog()） win.returnValue，进行下一步程序流转比较合理，要不不好理解调用关系

3 楼 need_faith 2010-09-25  

“1、缓存问题
          如果按照上面那样写的话，你会发现打开b.jsp，每次显示的数据都是一样的，尽管你修改成功了。这是缓存问题
      网上推荐的最简单解决办法：传递一个唯一的参数值，第一个参数可改为："b.action?temp="+new Date()。”
不明白为什么有这样的问题，页面是否缓存，可以控制的，在b.jsp中增加
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
不可以防止缓存吗？

2 楼 qinglintan 2010-09-24  

好怪哦，为什么不使用returnValue：http://qinglintan.iteye.com

1 楼 xyztony1985 2010-09-17  

建议可以的话，采用父页面监听子页面返回值，再进行处理的方式（更OO）；
而不是子页面直接控制父页面。