扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条
在.NET中 使用服务器按钮和链接按钮的时候,通过页面上的动作可以触发后台程序,实际上.NET是通过执行一个客户端的__doPostBack(eventTarget, eventArgument); 方法来进行分析事件和参数并提交的。通常情况下是不需要做什么额外的了解,但是如果在动作之后提交之前想再插入其他的一些操作就有必要了解下。
当在提交前只是普通的确认或则选择是否的时候,我们可以用 JS的alert或confirm 方法,这些方法不会影响页面的提交,所以也不用额外的考虑.NET在客户端的处理方法,但是如果用户点击按钮后还需要在用户执行其他客户端事件后再进行提交,那么你会发现 .NET的后台无法确认处理事件。这是因为.NET的按钮提交提供了参数,后台通过POST来的参数获得事件信息并予以相应的后台处理方法,由于在按钮动作后并不立即提交,在处理其他客户端事件后提交的参数没了或则说不由.NET发送页面了,所以后台无法获得参数来执行事件。
处理方法很简单,了解下.NET生成的客户端是怎么处理事件以及相应的参数以及怎么发送到服务器的就知道了。
最重要的就是__doPostBack这个函数,他的两个参数eventTarget, eventArgument 写过自定义控件你就会了解到,控件生成这两个参数的目的就是在回送的时候获取是哪个控件触发了回送,并且带了什么参数
也就是说,在你自己的客户端方法中调用__doPostBack 并带上适当的参数,就可以像.NET的处理方法一样的回送页面并让后台处理方法了。
建立一个LINKBUTTON控件你回发现控件生成脚本里的__doPostBack部分的第一个参数和控件的ID一样
第二个参数为空‘’
如果在模板控件中输出的LinkButton 的__doPostBack部分的第一个参数的规则是将ID中的“_”换成“$” ,其中有可能会出现“__”其实两个连续的“_”的第二个是模板控件的行的标识的开头的“_”,对比下生成的ID和这个参数很容易就理解了。Button也一样,虽然不会看到客户端生成出 __doPostBack,这是因为input submit处理机制,但同样可以用__doPostBack来提交它,方法一样,效果也是一样的。
下面是一个例子的部分代码:
客户锻添加以下:
<script language="javascript">
<!--
function EventGet(obj)
{
eventTarget = obj.id.split("_").join("$").split("$$").join("$_");
eventArgument = '';
__doPostBack(eventTarget, eventArgument);
return false;
}
//-->
</script>
然后为需要用到这个方法的控件加个onclick的属性并触发事件return EventGet(this),当然“EventGet” 是我自己命的名,你可以改成你所需要的,这个方法在这里没有实现什么功能,只是举例说明.NET的回送可以自定义并添加更多方法来实现多样的处理。
"); eventArgument = ''; __doPostBack(eventTarget, eventArgument); return false; } //--> <script language="javascript">然后为需要用到这个方法的控件加个onclick的属性并触发事件return EventGet(this),当然“EventGet” 是我自己命的名,你可以改成你所需要的,这个方法在这里没有实现什么功能,只是举例说明.NET的回送可以自定义并添加更多方法来实现多样的处理。
以下是一个简单的利用这个原理用层模拟CONFIRM对话框的示例:
前台ASPX:
====================================================================
<%@ Page language="c#" Codebehind="WebForm2.aspx.cs" AutoEventWireup="false" Inherits="test.WebForm2" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm2</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/nav4-0" name="vs_targetSchema">
<script language="javascript">
var EventObj;
function operation(obj)
{
if(obj.innerHTML=="0")
{
obj.innerHTML="2";
obj.parentNode.parentNode.style.height="0px";
obj.parentNode.nextSibling.style.display="none";
}
else if(obj.innerHTML=="2")
{
obj.innerHTML="0";
obj.parentNode.parentNode.style.height="200px";
obj.parentNode.nextSibling.style.display="block";
}
else
{
obj.parentNode.parentNode.style.display='none';
}
}
function onformsubmit(obj)
{
EventObj = obj;
win.style.display="block";
return false;
}
function formsubmit()
{
eventTarget = EventObj.id.split("_").join("$").split("$$").join("$_");
eventArgument = '';
__doPostBack(eventTarget, eventArgument);
}
</script>
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<div id="win" style="BORDER-RIGHT:navy thin solid; BORDER-TOP:navy thin solid; DISPLAY:none; BORDER-LEFT:navy thin solid; WIDTH:200px; BORDER-BOTTOM:navy thin solid; HEIGHT:200px">
<span style="FONT-SIZE: 9pt;WIDTH: 100%;COLOR: white;BACKGROUND-COLOR: navy;TEXT-ALIGN: right">
<font face="webdings" style="CURSOR: hand" onclick="operation(this);">0</font> <font face="webdings" style="CURSOR: hand" onclick="operation(this);">
r</font> </span><span>确定操作?</span><br>
<span style="TEXT-ALIGN: center"><font style="CURSOR: hand" onclick="formsubmit();">[YES]</font> <font style="CURSOR: hand" onclick="operation(this);">[NO]</font>
</span>
</div>
<br>
<br>
<br>
<asp:LinkButton id="Button1" runat="server">submit</asp:LinkButton>
</form>
</body>
</HTML>
后台
======================================================================
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace test
{
/// <summary>
/// WebForm2 的摘要说明。
/// </summary>
public class WebForm2 : System.Web.UI.Page
{
protected System.Web.UI.WebControls.LinkButton Button1;
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
Button1.Attributes.Add("onclick","return onformsubmit(this)");
}
private void Button1_Click(object sender, System.EventArgs e)
{
Response.Write("this page is submit");
}
#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.Button1.Click += new System.EventHandler(this.Button1_Click);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
}
另外需要注意的是,.NET 生成javascript的 __doPostBack()函数是有条件的,当页面上存在一个或一个以上的LINKBUTTON的时候才会有这个函数,所以,如果页面上没有LINKBUTTON 只有BUTTON的时候会出现‘缺少对象’的JS错误提示
如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。
现场直击|2021世界人工智能大会
直击5G创新地带,就在2021MWC上海
5G已至 转型当时——服务提供商如何把握转型的绝佳时机
寻找自己的Flag
华为开发者大会2020(Cloud)- 科技行者