如何点击按钮弹出新窗口，输入数据后返回并刷新页面？

最新推荐文章于 2024-04-08 14:07:57 发布
最新推荐文章于 2024-04-08 14:07:57 发布
阅读量1.7k 收藏
点赞数
分类专栏： ASP.NET 文章标签： webform button textbox vb.net javascript vbscript
如何点击按钮弹出新窗口，输入数据后返回并刷新页面？
作者：孟宪会 出自：【孟宪会之精彩世界】 发布日期：2003年7月8日 4点0分13秒

在一些.NET论坛中有人经常会问：如何在页面中点击按钮打开新页面，输入数据，然后返回到初始页面并进行更新？要解决这个问题，应该弄清楚window.showModalDialog()的用法，本人在http://www.csdn.net/Develop/read_article.asp?id=15113已经做过介绍。下面就用例子介绍如何在ASP.NET中实现这个功能。

本例子共3个页面，其中WebForm2.aspx是过渡页面，是为了防止提交时打开新页面。

WebForm1.aspx

      <FONT size=3><FONT size=4><%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm1.aspx.vb" Inherits="ShowModalDialog.WebForm1" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <title>WebForm1</title> <meta content="Microsoft Visual Studio .NET 7.0" name="GENERATOR"> <meta content="Visual Basic 7.0" name="CODE_LANGUAGE"> <meta content="JavaScript" name="vs_defaultClientScript"> <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"> </HEAD> <body MS_POSITIONING="GridLayout"> <div align="center"> <form id="Form1" method="post" runat="server"> <asp:label id="Label1" runat="server" Font-Bold="true"> 从当前页面打开新窗口，并把变量传递到新窗口的例子，可以多次打开提交。 </asp:label><br> <br> <asp:textbox id="TextBox1" runat="server" Width="600px">这是初始值，将被传递到新窗口。</asp:textbox><br> <br> <asp:button id="Button1" runat="server" Text="打开窗口" Width="96px"></asp:button></form> </div> </body> </HTML> </FONT></FONT>

WebForm1.aspx.vb

      <FONT size=3><FONT size=4>Public Class WebForm1 Inherits System.Web.UI.Page Protected WithEvents TextBox1 As System.Web.UI.WebControls.TextBox Protected WithEvents Form1 As System.Web.UI.HtmlControls.HtmlForm Protected WithEvents Label1 As System.Web.UI.WebControls.Label Protected WithEvents Button1 As System.Web.UI.WebControls.Button</FONT> #Region " Web 窗体设计器生成的代码 " '该调用是 Web 窗体设计器所必需的。 <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent() End Sub Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init 'CODEGEN: 此方法调用是 Web 窗体设计器所必需的 '不要使用代码编辑器修改它。 InitializeComponent() End Sub #End Region Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load '在此处放置初始化页的用户代码 If (Not IsClientScriptBlockRegistered("clientScript")) Then Dim strScript As String = "<script>" + vbCrLf strScript += "function OpenWin(){" + vbCrLf strScript += "var str=window.showModalDialog('WebForm2.aspx',document.Form1.TextBox1.value)" + vbCrLf strScript += "if(str!=null) document.Form1.TextBox1.value=str" + vbCrLf strScript += "}" + vbCrLf strScript += "</script>" + vbCrLf RegisterClientScriptBlock("clientScript", strScript) End If Button1.Attributes.Add("onclick", "OpenWin()") End Sub End Class </FONT>

WebForm2.aspx

      <FONT size=4><%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm2.aspx.vb" Inherits="aspxWeb.mengxianhui.com.WebForm2"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <title>WebForm2</title> <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.0"> <meta name="CODE_LANGUAGE" content="Visual Basic 7.0"> <meta name="vs_defaultClientScript" content="JavaScript"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> </HEAD> <frameset rows="0,*"> <frame src="about:blank"> <frame src="WebForm3.aspx"> </frameset> </HTML> </FONT>

WebForm2.aspx.vb

      <FONT size=4>Public Class WebForm2 Inherits System.Web.UI.Page #Region " Web 窗体设计器生成的代码 " '该调用是 Web 窗体设计器所必需的。 <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent() End Sub Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init 'CODEGEN: 此方法调用是 Web 窗体设计器所必需的 '不要使用代码编辑器修改它。 InitializeComponent() End Sub #End Region Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load '在此处放置初始化页的用户代码 End Sub End Class </FONT>

WebForm3.aspx

      <FONT size=4><%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm3.aspx.vb" Inherits="ShowModalDialog.WebForm3" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <title>WebForm3</title> <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.0"> <meta name="CODE_LANGUAGE" content="Visual Basic 7.0"> <meta name="vs_defaultClientScript" content="JavaScript"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> </HEAD> <body MS_POSITIONING="GridLayout" id="MyBody" runat="server"> <form id="Form1" method="post" runat="server"> <asp:Label id="Label1" runat="server">请输入您的大名：</asp:Label><br> <br> <asp:TextBox id="TextBox1" runat="server" Width="558"></asp:TextBox><br> <br> <asp:Button id="Button1" runat="server" Text=" 提 交 "></asp:Button> </form> </body> </HTML> </FONT>

WebForm3.aspx.vb

      <FONT size=4>Public Class WebForm3 Inherits System.Web.UI.Page Protected WithEvents TextBox1 As System.Web.UI.WebControls.TextBox Protected WithEvents Label1 As System.Web.UI.WebControls.Label Protected WithEvents Button1 As System.Web.UI.WebControls.Button Protected MyBody As System.Web.UI.HtmlControls.HtmlControl #Region " Web 窗体设计器生成的代码 " '该调用是 Web 窗体设计器所必需的。 <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent() End Sub Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init 'CODEGEN: 此方法调用是 Web 窗体设计器所必需的 '不要使用代码编辑器修改它。 InitializeComponent() End Sub #End Region Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load '在此处放置初始化页的用户代码 If IsPostBack Then Dim strScript As String = "<script>" + vbCrLf strScript += "window.parent.returnValue='" + TextBox1.Text.Replace("'", "/'") + "'" + vbCrLf strScript += "window.parent.close()" + vbCrLf strScript += "</script>" + vbCrLf If (Not IsClientScriptBlockRegistered("clientScript")) Then RegisterClientScriptBlock("clientScript", strScript) End If End If If Not IsPostBack Then MyBody.Attributes.Add("onload", "document.Form1.TextBox1.value=window.parent.dialogArguments") End If End Sub End Class</FONT>
  本文评论(Comments)：为了保护您的电子邮件不被骚扰，地址中的个别符号转换成了全角字符！
 评论人：huoqiming电子邮件：huoqiming＠sohu．com评论日期：2004年09月09日 09:40:07
 孟老师: 如何把子窗口中的值传到父窗口中用户控件中的文本框中?
 评论人：wxk666电子邮件：wxiangk666＠yahoo．com．cn评论日期：2004年08月21日 12:00:24
 好，vb代码我喜欢
 评论人：大木鸟电子邮件：aspx888＠163．com评论日期：2004年08月10日 02:55:41
 vb.net好啊支持！
 评论人：andfor电子邮件：andfor007＠126．com评论日期：2004年08月03日 07:47:17
 study
 评论人：and 电子邮件：a 评论日期：2004年08月03日 07:46:43
 study
 评论人：xi_wi电子邮件：xi_wi◎lycos．com评论日期：2004年07月30日 09:37:37
 点击第三个页面，关闭不了它，不会向第一页面返回值。（C#）
 评论人：好电子邮件：photoandimagelin＠163．com评论日期：2004年07月22日 03:11:55
 好哦
 评论人：电子邮件：评论日期：2004年07月12日 10:04:04
 private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
string vbCrLf="/n";
if (IsPostBack)
{
string strScript= " <script>" + vbCrLf;
strScript += "window.parent.returnValue='" + TextBox1.Text.Replace("'", "/'") + "'" + vbCrLf;
strScript += "window.parent.close()" + vbCrLf;
strScript += "</script> " + vbCrLf;
if (! IsClientScriptBlockRegistered("clientScript")) 
RegisterClientScriptBlock("clientScript", strScript);

if (!IsPostBack)
MyBody.Attributes.Add("onload", "document.Form1.TextBox1.value=window.parent.dialogArguments");
}
}
 评论人：九品电子邮件：评论日期：2004年07月12日 10:02:51
 
public class getpass : System.Web.UI.Page
{
protected System.Web.UI.WebControls.Label Label1;
protected System.Web.UI.WebControls.TextBox TextBox1;
protected System.Web.UI.WebControls.Button Button1;
protected System.Web.UI.WebControls.Button Button2;
protected System.Web.UI.HtmlControls.HtmlControl MyBody;

private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
string vbCrLf="/n";
if (IsPostBack)
{
string strScript= " <script>" + vbCrLf;
strScript += "window.parent.returnValue='" + TextBox1.Text.Replace("'", "/'") + "'" + vbCrLf;
strScript += "window.parent.close()" + vbCrLf;
strScript += "</script> " + vbCrLf;
if (! IsClientScriptBlockRegistered("clientScript")) 
RegisterClientScriptBlock("clientScript", strScript);

if (!IsPostBack)
MyBody.Attributes.Add("onload", "document.Form1.TextBox1.value=window.parent.dialogArguments");
}
}
#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}

/// 
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// 
private void InitializeComponent()
{    
this.Load += new System.EventHandler(this.Page_Load);

}
#endregion
}
 评论人：电子邮件：评论日期：2004年07月10日 09:30:03
 http://dotnet.aspx.cc/ShowDetail.aspx?id=49ML4AO8-5PB3-4KNY-NJZD-LJOIOXV4M1X4
 评论人：hsb电子邮件：hsb0307＠msn．com评论日期：2004年07月07日 04:49:38
 谁成功使用过，我怎么点击WebForm3的Button1关不了这个弹出窗口，我写了如下代码：
Button1.Attributes.Add("onclick", "javascript:parent.close();");
或者
Button1.Attributes.Add("onclick", "javascript:close();");

也不行，不能返回值给WebForm1上的控件，请成功使用过的，给解决一下。
 评论人：hsb电子邮件：黑死病评论日期：2004年07月07日 04:49:13
 谁成功使用过，我怎么点击WebForm3的Button1关不了这个弹出窗口，我写了如下代码：
Button1.Attributes.Add("onclick", "javascript:parent.close();");
或者
Button1.Attributes.Add("onclick", "javascript:close();");

也不行，不能返回值给WebForm1上的控件，请成功使用过的，给解决一下。
 评论人：gpyzy电子邮件：gpyzy＠hotmail．com评论日期：2004年06月19日 01:49:10
  大力支持孟老大多多发布vb.net的代码:)
 评论人：dulker电子邮件：dulker＠sina．com评论日期：2004年06月16日 12:00:30
 ?好象VB的代码居多，C#的呢
 评论人：czh电子邮件：pzczhhw＠163．com评论日期：2004年06月06日 07:10:05
 孟老师，能不能麻烦将这段程序的运行机制说一下？主要是页面之间的传递。
 评论人：本站管理员电子邮件：评论日期：2004年05月27日 05:25:12
 注意：<base target=_self>在IE5下无效。
 评论人：本站管理员电子邮件：评论日期：2004年05月27日 05:24:31
 注意： 在IE5下无效。
 评论人：ssphoenix电子邮件：s_phoenix＠tom．com评论日期：2004年04月02日 07:07:14
 sorry,看见了.
 评论人：ssphoenix电子邮件：s_phoenix＠tom．com评论日期：2004年04月02日 07:05:24
 有错吧?
Button1.Attributes.Add("onclick", "OpenWin()")
可是页面上并没有定义OpenWin()这个函数呀?
 评论人：liuyu202电子邮件：liuyu202＠etang．com评论日期：2004年03月29日 08:58:31
 Inherits="aspxWeb.mengxianhui.com.WebForm2"
是什么？

WebForm2.aspx有错误！如下：
未能加载类型："VbWebApp.Global"

VbWebApp为应用程序名称！

 评论人：电子邮件：评论日期：2004年03月19日 09:17:44
 可以用事件@ 
 评论人：bruce_wang电子邮件：bruce_wang＠163．com评论日期：2004年03月16日 11:17:59
 我已经转为C#了。VB.Net转C#很容易的。vbCrLf = /n。
 评论人：dsjfkf电子邮件：评论日期：2004年03月12日 02:54:16
 用的vbScript
 评论人：电子邮件：评论日期：2004年03月12日 02:48:55
 用的vbScript。
 评论人：lswallow电子邮件：lswallow_163＠163．net评论日期：2004年03月03日 10:24:07
 这些代码我试了一下，好像有问题。
c#的代码有吗？
 评论人：nowfox电子邮件：nowfox＠tom．com评论日期：2004年02月27日 01:09:18
 更希望要C#的代码
 评论人：yzwuxin电子邮件：yzwx007＠sina．com评论日期：2004年02月24日 10:37:05
 换行
 评论人：chy电子邮件：chenhaoying＠sohu．com评论日期：2004年02月09日 12:01:27
 代码中的vbCrlf是什么啊？
有c#代码吗？
 评论人：melancholy电子邮件：aking83＠msn．com评论日期：2004年01月05日 01:27:08
 Easy....

 
xuandme000
关注
专栏目录
javaScript实现点击输入框弹出窗体选择信息源码
07-26
javaScript实现点击输入框弹出窗体选择信息，提供源码，希望可以共同学习，不足处请指出，呵呵 -------javascript爱好者，java交流群：166256747，分享自己的技术是一种美德！
JavaScript页面刷新与弹出窗口问题的解决方法
10-29
为了解决模式窗口中的链接弹出新窗口问题，可以在`<head>`和`<body>`之间添加`<base target="_self">`标签，确保所有链接都在当前窗口打开。 ```html ``` #### 五、无提示关闭页面的方法 在某些场景下，我们...
如何点击按钮弹出新窗口，输入数据后返回并刷新页面？(C#代码)
aiq的专栏
09-09 1342
 翻译自孟宪会之精彩世界的VB.NET代码http://dotnet.aspx.cc/ShowDetail.aspx?id=49ML4AO8-5PB3-4KNY-NJZD-LJOIOXV4M1X4原文链接 http://xujh.cnblogs.com/archive/2004/11/17/65009.aspxWebform1.aspx
如何点击按钮弹出新窗口，输入数据后返回并刷新页面？（老孟）
weixin_33910759的博客
05-06 331
在一些.NET论坛中有人经常会问：如何在页面中点击按钮打开新页面，输入数据，然后返回到初始页面并进行更新？要解决这个问题，应该弄清楚window.showModalDialog()的用法，本人在http://www.csdn.net/Develop/read_article.asp?id=15113已经做过介绍。下面就用例子介绍如何在ASP.NET中实现这个功能。 本例子共3个页面，其中Web...
Qt窗口页面刷新
qq_41594719的博客
01-27 1476
qApp->processEvents();//加上这条语句后达到预期目的，解决问题
javascript弹出窗口中增加确定取消按钮
10-22
本文主要介绍如何在ECShop这样的电子商务平台上，通过JavaScript代码实现在弹出窗口中增加“确定”和“取消”按钮的效果。这可以通过多种JavaScript函数实现，如window.confirm()，这是一种简单而直接的方式，用于...
JS关闭窗口弹出新窗口-关闭新窗口时-刷新父窗口-JS代码实现刷新网页-js实现弹出窗口代码收集集萃.pdf
06-13
【JS关闭窗口弹出新窗口】 在JavaScript中，我们可以使用`window.open()`函数来创建一个新的浏览器窗口。这个函数的基本语法是`window.open(url, name, features)`。在这里，`url`是你要打开的页面的URL，`name`是新...
JavaScript实现提交模式窗口后刷新父窗口数据的方法
10-19
在JavaScript编程中，有时我们需要创建一个模态对话框（modal dialog）来处理用户输入或确认操作，例如在父窗口中点击按钮，弹出一个模式窗口让用户添加数据，然后在数据提交后关闭模态窗口并刷新父窗口的数据。...
jQuery点击弹出订阅窗口代码.zip
07-11
这个功能的主要目的是为用户提供一个订阅服务的方式，通常在用户点击特定按钮后，会弹出一个窗口，让用户输入邮箱或其他相关信息来完成订阅过程。下面我们将深入探讨这个功能涉及到的关键知识点。 1. **jQuery库**...
js 点击按钮弹出另一页，选择值后，返回到当前页
10-29
js 点击按钮弹出另一页，选择值后，返回到当前页，其实主要用于cms系统中，相关文章的搜索，要在已上传目录中选择一些图片等。
asp.net弹出窗口 返回值
01-01
Page.aspx: 代码如下:<html xmlns=”http://www.w3.org/1999/xhtml”><head runat=”server”><title>无标题页</title>[removed]…function Pop() …{ var result=showModalDialog(‘downs.aspx’,’subpage’,’dialogWidth:400px;dialogHeight:300px;center:yes;help:no;resizable:no;status:no’); //打开模态子窗体,并获取返回值d
asp.net中如何用c#实现弹出式的交互对话窗口
09-23
asp.net中如何用c#实现弹出式的交互对话窗口
点击按钮弹出窗口
07-25
点击a标签 在当前页面弹出小的网页窗口
JS按钮点击事件实现弹窗(popup)
热门推荐
zhansan的博客
02-10 2万+
click.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>click</title> <script> function buttonClick(){ window.confirm("你点击了按钮哦"); } </script&g
js实现点击按钮时显示弹框，点击按钮及弹框以外的区域时隐藏弹框
weixin_60886885的博客
03-30 2971
js实现点击按钮时显示弹框，点击按钮及弹框以外的区域时隐藏弹框
【JavaScript】三种方式入手JS弹窗
最新发布
2401_84092868的博客
04-08 2480
技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。有需要面试题资料的朋友点击这里可以领取。学不完的，最重要的是活着、不秃。
前端JS按钮点击事件、跳出弹窗、遮罩的实战示例
风吹落叶的博客
02-18 3594
样式解析汇总：这段代码描述了一个在页面中居中显示、具有白色背景、灰色边框和一定内边距的固定定位元素，且在层叠顺序中处于较高的位置。：设置元素在层叠顺序中的位置为1000，使其位于具有较低 z-index 值的元素之上。：设置元素的定位方式为固定定位，元素相对于浏览器窗口固定位置，不随页面滚动而移动。：设置元素的边框为1像素宽的实线边框，颜色为淡灰色（#ddd）。：设置按钮内容与按钮边框之间的内边距，上下为10像素，左右为20像素。：将元素左边缘定位在距离父元素左边缘50%的位置，即居中水平定位。
js实现在页面中点击一个按钮弹出模态框
han_han__的博客
09-08 4080
js实现在页面中点击一个按钮弹出模态框
JSP页面技巧：弹窗、刷新与单选按钮应用
"jsp知识积累" 在JavaServer Pages (JSP) 开发中，有几点重要的技术要点和实践经验...以上就是JSP开发中关于弹出窗口、页面刷新、单选按钮和日期比较等知识点的总结，这些都是构建动态网页时经常会遇到的技术细节。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值