首页 > 代码库 > __doPostBack的简单使用
__doPostBack的简单使用
这段时间写asp.net代码遇到一个问题，如下代码，当用户点击确认后，js弹框给用户再次确认，再次点击确认后执行后台linkbutton代码，当用户点击取消时，执行另外的代码函数。
<asp:LinkButton ID="lbtnConfirmDeliverOffice" runat="server" OnClick="lbtnConfirmDeliverOffice_Click"
OnClientClick="return confirm(‘是否确定转送到承办部门？‘)" Width="35px" CssClass="btn btn-save">确认</asp:LinkButton>
在这个需求下，考虑使用__dopostback函数。函数的前面是两个下划线. __doPostBack= "_" + "_" + "doPostBack"。
一、了解__dopostback函数。
这个函数提供了在JavaScript脚本中执行服务器控件事件处理函数的能力，ASP.NET编程提供了服务器端控件和客户端控件之说，其本质还是脱离不了HTML，我们知道有些控件响应用户后需要做出一个和服务器端交互（PostBack）的过程，为了实现这个功能，ASP.NET服务器控件架构上增加了一个PostBack属性 当这个属性设置为Ture以后，页面就会自动产生__doPostBack函数用于处理用户的请求，另外页面上只要有LinkButton按钮也会自动产生__doPostBack函数，调用该函数提交不会触发控件的任何js事件而直接进入服务器端。 __doPostBack函数是一个纯粹并且是非常简单的javascript函数，大部分的页面PostBack都是由它触发的。注意，这里是“大部分”，因为只有两个(Button、ImageButton）会自己触发页面的PostBack,其它的所有控件都是通过__doPostBack函数触发页面的PostBack的，doPostBack通常都是有系统调用的，有时候为了处理一些特殊的需要，我要需要手动的触发__doPostBack函数。
函数原型：
function __doPostBack(eventTarget, eventArgument)
{
// 该函数用于执行服务器控件的事件处理函数
}
参数：
eventTarget: 要调用的服务器控件生成的name属性，如果是子控件，用‘‘$‘或‘:‘分割,如： 父控件:子控件.
eventArgument: 调用事件时的参数
下面这段是直接从含有自动回传功能控件的.net Web页面的HTML源代码里面粘帖过来的。大家对照一下函数原型。
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="http://www.mamicode.com/wEPDwULLTE4NDIzMDg2NDRkZMlHJoBQ9CYcWBtBK+zrfZzKoh/i" />
</div>
<script type="text/javascript">
<!--
var theForm = document.forms[‘form1‘];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = http://www.mamicode.com/eventTarget;
theForm.__EVENTARGUMENT.value = http://www.mamicode.com/eventArgument;
theForm.submit();
}
}
// -->
</script>
<div>
二、 __dopostback的简单应用。
前台代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
<input type="button" style="width: 55px" class="btn btn-cancel" onclick="myFunction()"
value="http://www.mamicode.com/确认" />
<asp:LinkButton ID="confirm" runat="server" onclick="LinkButton2_Click"></asp:LinkButton>
<asp:LinkButton ID="cancel" runat="server" onclick="LinkButton1_Click"></asp:LinkButton>
<script defer="defer" type="text/javascript">
function myFunction() {
var result = window.confirm("Yes or NO?");
if (result)
{
__doPostBack(‘confirm‘,‘‘);
}
else
{
__doPostBack(‘cancel‘,‘‘);
}
}
</script>
</form>
</body>
</html>后台代码 ：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace PartyStudio.Studio
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void LinkButton1_Click(object sender, EventArgs e)
{
Library.WebPage.LayoutHelper.MessageBoxJS("yes is choose");
}
protected void LinkButton2_Click(object sender, EventArgs e)
{
Library.WebPage.LayoutHelper.MessageBoxJS("No is choose");
}
}
}
在页面中拖入两个linkbutton控件，后台中分别写入确认事件和取消事件的代码。再在前台页面加入一个按钮，onclick事件绑定js方法，判断
window.confirm("Yes or NO?");返回的值，true则调用ID为“confirm”的linkbutton的__dopostback事件，false则调用ID为“cancel”的linkbutton的__dopostback事件。
调用__dopostback事件时，两个参数分别为（“linkbutton的ID”，“”）。
__doPostBack的简单使用