在进行ASP.NET编程过程中,你必须要面对的问题就是最后不得不使用了很多JavaScript代码,尤其是在打开一个新的”模式(modal )”窗口的时候。

          在我的一个工程中,我需要寻求一种方法:将一个modal 窗口中TextBox 的值传递到它的父窗体。从ASP.NET 向JavaScript 传递一个值是很容易实现的,但是从JavaScript 向ASP.NET 传递值就不是那么简单的问题了!可以使用如下方法来解决这个问题。

因为ASP.NET 并不支持modal 窗口,所以我们将不得不使用JavaScript来实现。所以我们给父窗体中的一个Button 增加 attribute 。

           

this.Button1.Attributes.Add("onclick""UpdateQuantityDialogOpen();");


UpdateQuantityDialogOpen是一个JavaScript 方法用于打开一个modal 窗口并且返回一个值。            

1function UpdateQuantityDialogOpen() 
2
3  var retval="";
4  retval=window.showModalDialog('updatequantity.aspx','','dialogWidth:400px;dialogHeight:175px;status:no;dialogHide:true;help:no;scroll:no');  
5  if(retval!="" && retval!=null)
6  
7    window.execScript("__doPostBack('UpdateQuantity', '" + retval + "')","JavaScript");
8  }

9}

看起来相当的平常, 除了 window.execScript(..)。 它用于调用 __doPostBack()  javascript 方法。 只有当你使用特定的服务器控件的时候,这个方法将会出现在你的 JS 中, 例如: LinkButton。

function __doPostBack(eventTarget, eventArgument) 这个方法接收两个参数

在 modal 窗口中,给一个Button增加Attribute

1 this.Button1.Attributes.Add("OnClick""ClosePopUp('txtQuantityOrder');")

被调用的JavaScript方法为:

function ClosePopUp(returnVal) 
{
  
//设置返回值
  window.returnValue=document.getElementById(returnVal).value;
  
//关闭 
  window.close();
}
 

当我们关闭modal 窗口时,将返回一个值。


在父窗体下增加如下代码:

if (!Page.IsPostBack)
  Response.Write(
"do");
else if (Request.Form("__EVENTTARGET")= "UpdateQuantity")
  Response.Write(
"返回值为:" & Request.Form("__EVENTARGUMENT"))


 通过Request.Form() 可以获取传递到__doPostBack() 方法的值,然后就可以将这个值传递给任意的asp.net方法。

总结:

           我们完成了两件事情:
                1.  重新刷新父窗体。
               2.  在JavaScript 与 asp.net之间建立了一个桥梁。

posted on 2006-05-16 21:38  胡嘉  阅读(347)  评论(0编辑  收藏  举报