milo yu

博客园 首页 新随笔 联系 订阅 管理

主页面 PageBase.aspx.cs 中的代码
protected void Page_Load(object sender, EventArgs e)
{
  if (!this.IsPostBack)
   {
    //addBtn.Attributes.Add("onclick", "javascript:ShowModalDialog('OvertimeDlog.aspx','395px','250px')");
    //delBtn.Attributes.Add("onclick", "javascript:ShowModalDialog('OvertimeDlog.aspx','395px','250px')");
    this.addBtn.Attributes.Add("onclick", "javascript:OpenOvertimeDlog('add',540,400)");   // 增加 Button
    this.updateBtn.Attributes.Add("onclick", "javascript:OpenOvertimeDlog('up',540,400)"); // 修改 Button
   }
}
主页面 PageBase.aspx 中的代码 <head runat="server">
  <title>无标题页</title>
  <script type ="text/javascript" language = "javascript">
   function OpenOvertimeDlog(frmWin,width,height)
    {       
     var me;
     var action;
      action = frmWin;
     // 把父页面窗口对象当作参数传递到对话框中,以便对话框操纵父页自动刷新。
      me = "OvertimeDlog.aspx?action="+action+"";
     // 显示对话框。
      window.showModalDialog(me,null,'dialogWidth='+width +'px;dialogHeight='+height+'px;help:no;status:no')
    }
  </script>
</head>
弹出对话框页面 OpenDlog.aspx 中的代码 <head runat="server">
    <title>无标题页</title>
    <!-- 防止重新打开页面形式的对话框 -->
    <base target="_self" />
</head>
弹出对话框页面 OpenDlog.aspx.cs 中的代码
OpenDlog.aspx.cs
{
    protected void Page_Load(object sender, EventArgs e)
     {
        //获得传递的 action 的值;
        string getRequest = Request["action"].ToString();
     }
}

对话框页面 OpenDlog.aspx.cs 关闭后,执行更新操作(在对话框的关闭事件中加入):

   Response.Write("<script language='javascript'>");
   Response.Write("window.close()");
   Response.Write("</script>");

 

 

引用下面文章

asp中的模态对话框

具体的要求是:在选择页面上的“添加”按钮,弹出模态对话框,在对话框中添加记录后,选择“确定”按钮,关闭对话框,更新主页面表格的数据。

网上关于模态对话框的讨论有很多,试了一天,发现一个比较好的解决方法:

1、显示对话框:
在javascript脚本文件中加入:
    function OpenEditWin(frmWin,width,height)
   {      
    var me;
    // 把父页面窗口对象当作参数传递到对话框中,以便对话框操纵父页自动刷新。
    me = window;
    // 显示对话框。
    window.showModalDialog(frmWin,me,'dialogWidth='+width +'px;dialogHeight='+height+'px;help:no;status:no')
   }
  在C#中调用 :
cmdAdd.Attributes.Add("onclick","javascript:OpenEditWin('" + Session["showForm"] + "',540,400)");
很多方法是用 Response.Write或者RegisterStartupScript 来实现,但是都存在问题,如显示对话框时页面是空白、刷新页面的时候弹出对话框等。
在对话框中加入jscript脚本
   function1 onsubmit() // 强制本窗口提交
   {
    document.Form1.target="_self";
   }
2、关闭对话框
   Response.Write("<script language='javascript'>");
    Response.Write("window.close()");
   Response.Write("</script>");
3、对话框关闭后,执行更新操作
   在对话框的关闭事件中加入:
Response.Write("<script language='javascript'>");
    Response.Write("window.close()");
    Response.Write("</script>");
4、更新主页面中的表格数据。
在“添加”按钮的处理方法中,添加表格更新的代码。

ASP.NET使用弹出窗口(对话框)的体会

       从整理这篇文章的目的,在于记录前一段使用弹出窗口的经验,同时结合对一些资料的阅读,总结弹出窗口使用方法。
        首先描述一下需求:在信息发布系统中,信息的一个字段信息为“栏目”,需要从多级栏目中选择出一个栏目发布文章。考虑到用户界面的美观和操作的方便,决定在新信息发布页面中放置一个Button,用户点击该Button后,弹出一个显示栏目树的窗口,用户可在该窗口中选择栏目。
        这样就引出了本文要讨论的问题:如何弹出窗口?如何在父窗口和弹出窗口之间传递信息?
在回答这两个问题之前,首先需要指出,目前有三种方法可以弹出窗口(对话框),它们分别是:

  • window.open方法
  • 无模式对话框
  • 有模式对话框       

         如何在这三种方法中做出选择、如何对后两种方法做出前面两个问题的回答,这在文后所附的文章中都有介绍。所以,这里主要针对window.open方法做出回答。
       下面是一个使用window.open弹出窗口的简单的例子:

<script>
function open_cate()
{
     window.open("OpenUp.aspx","","toolbar=0,location=0,directories=0,status=0,
                menubar=0,scrollbars=1,resizable=0,left=200,top=100,width=250,height=400");

}
</script>

 

从代码中可以看出,我们可以对弹出窗口的诸多属性进行设置。如果我们想要在点击一个Button时弹出窗口,值需要在该Button的OnClick时间中调用该JavaScript函数即可。

解决了如何弹出窗口的问题之后,下面讨论如何在页面之间传递信息。

父窗口向弹出窗口传递信息
  

这里我采用的办法是在URL中拼接参数传递信息。window.open的第一个参数为URL,我们可以把参数加在URL后,例如'OpenUp.aspx?parm1=abc&parm2=<%=serversideparm%>'。这样,只需在弹出窗口QueryString到这些参数,就实现了动态向弹出窗口传递信息。

将弹出窗口的信息传回父窗口
  

使用弹出传口的目的主要是为了同用户的交互,所以如何在父页面中得到用户对弹出窗口的操作结果是非常重要的。其实这里实现的方法也很简单,同样是通过JavaScript:通过window.opener得到父窗口的window对象,就可以对父窗口进行操作,比如对某个TextBox设值

posted on 2010-04-19 12:39  milo yu  阅读(3860)  评论(0编辑  收藏  举报