论坛首页 Web前端技术论坛

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

浏览 8005 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (12) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-09-17  

今天搞了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");
}

 

   发表时间:2010-09-17  
建议可以的话,采用父页面监听子页面返回值,再进行处理的方式(更OO);
而不是子页面直接控制父页面。
0 请登录后投票
   发表时间:2010-09-24  
好怪哦,为什么不使用returnValue:http://qinglintan.iteye.com
0 请登录后投票
   发表时间: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">
不可以防止缓存吗?
0 请登录后投票
   发表时间:2010-09-25  
“2、传值问题
          众所周知,第二个参数是向子页面传递参数的。网上有人说,子页面使用window.dialogArguments,就相当于使用父页面的window一样。这句话是在传递了window对象的基础上的。如果你想在子页面上操作父页面的函数function a(){},那么你需要把第二个参数传递一个window.window或者window(一个window对象),那么你在子页面上就可以使用window.dialogArguments.a()调用a函数;”

建议采用楼上两位的方法,子窗口将处理结果放进returnValue中,父窗口读取(win = window.showModalDialog()) win.returnValue,进行下一步程序流转比较合理,要不不好理解调用关系
0 请登录后投票
   发表时间:2010-09-25  
怎么不用层呢。。还是这些感觉效果和性能上………… 很久就不这么用了。。。 是吧?!
0 请登录后投票
   发表时间: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了、
0 请登录后投票
   发表时间:2010-09-25  
qinglintan 写道
好怪哦,为什么不使用returnValue:http://qinglintan.iteye.com

学习了、
0 请登录后投票
   发表时间:2010-09-25   最后修改: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();
}
0 请登录后投票
   发表时间:2010-10-01  
楼主对子页面的处理方式很奇怪,其实可以用DIV处理弹出页面,挺简单,如二楼说的,用返回值的方式处理也可以,没必要传window参数,如果有两层子页面,那你如何处理了?
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics