使用模态窗口

最新推荐文章于 2025-12-31 17:15:11 发布

转载最新推荐文章于 2025-12-31 17:15:11 发布 · 86 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/abse/archive/2006/07/11/448283.html

文章标签：

#javascript #ViewUI

本文介绍了在使用模态窗口时需要注意的几个关键点：确保<head></head>中有<basetarget=“_self”>标签以避免额外页面弹出；在关闭模态窗口时使用特定的代码；以及通过添加随机参数来解决缓存导致的数据不更新问题。

1、要弹出的页面中，一定要保证<head></head>标签间有<base target=“_self”>，否则会弹出的模态窗口上，点击按钮时，会再次弹出一个新页面。
      2、被弹出页面的按钮的事件处理中，应该有Response.Write(new Function().ClosePage());语句，用以关闭当前的模态窗口。
      3、因为幽默的缓存原因，如果你在模态窗口中修改了数据，你会发现，父页面上的数据刷新了，但是当你再点击按钮，重新弹出模态窗口时，你会发现模态窗口中的内容还是上次的内容，经过我试验，手动改了html代码后，点击弹出的模态窗口还是弹出相同的页面，所以，这里要绕开这个机制，方法是在被弹出的aspx页面后加上随机参数。上面模态窗口代码可以改成如下，以避免此问题：

      public string ModalWindow(string openAspxPage,int width,int height)
      {
               string js = string.Format("javascript:window.showModalDialog(\"{0}&rand="+new Random().Next().ToString()+ "\",window,\"status:false;dialogWidth:{1}px;dialogHeight:{2}px\")",openAspxPage,width,height);
              return js;
      }

      注意红字部分参数，是自定义的一个参数，此参数应该是整个项目中唯一的变更名称，并且无意义(最保险的办法是把这个变更命名为lakjsdflawdfqwoifa之类的名称)。
      基本上，满足了上述条件，做页面时就操作模态窗口，相对就简单了。

转载于:https://www.cnblogs.com/abse/archive/2006/07/11/448283.html