客户端触发Asp.net中服务端控件事件

你的名字 2021-06-26 16:06 330阅读 0赞

## 第二章 `PostBack`的原理 ##

`__doPostBack`是一个纯粹并且是非常简单的`javascript`函数，大部分的页面`PostBack`都是由它触发的。注意，这里是“大部分”，因为只有两个`Web Server Control`会自己触发页面的`PostBack`,其它的所以控件都是通过`__doPostBack`函数触发页面的`PostBack`，那先来看一下这个函数的定义吧：

CODE1:

function __doPostBack(eventTarget, eventArgument) { 
    
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) { 
    
    theForm.__EVENTTARGET.value = eventTarget;
    
    theForm.__EVENTARGUMENT.value = eventArgument;
    
    theForm.submit();
    
    }
    
    }

通过上面的代码可以看到，`__doPostBack`带有两个参数，`eventTarget`是标识将要引发页面`PostBack`的控件`ID`，`eventArgument`参数提供了在引发页面`PostBack`事件时所带的额外参数。当然这个函数被函数时，这两个参数的值将赋值给页面的两个隐含变量`__EVENTTARGET`和`__EVENTARGUMENT`，然后调用页面的`submit`方法提交页面表单。这就是为什么我们可以通过`Request.Form[“__EVENTTARGET”]`获取得到引发页面`PostBack`的控件`ID`的原因。

了解了`__doPostBack`函数后，我们可以很容易的利用它非常方便地自己触发自定义的`PostBack`事件。那上面也说了，大部分的控件都是调用

## 第三章 `Button` `PostBack`做法 ##

引了页面的`PostBack`，只有两个控件是例外，`Button` 和 `ImageButton`，正是因为它们不是通过调用`__doPostBack`来回发事件，所以通过表单隐含变量`__EVENTTARGET`和`__EVENTARGUMENT`是无法获取得到引发`PostBack`的`Button`或`ImageButton`的`ID`和参数值的，可通过下面的方式实现

1） 在页面中加如 `LinkButton` ，页面就会在页面中加载`POSTBACK`所需的`JS`

2）利用`GetPostBackEventReference`给客户端生成`__doPostBack()`  
如：

比如前台页面

<asp:Button id="Button1" runat="server" Text="Button"></asp:Button>

（1）

<a href="#" onclick="document.getElementById('Button1').click()">触发服务器端按钮事件</a>

（2）  
利用`GetPostBackEventReference`给客户端生成`__doPostBack()`  
前台

<a href="#" onclick="<%=PostBack()%>">触发服务器端按钮事件</a>

后台

protected string PostBack() 
    {  
       return this.Page.GetPostBackEventReference(this.Button1,"haha"); 
    }

通过`__EVENTARGUMENT="haha"`可以判断是不是点了那个链接的`PostBack`  
把`Button1`的按钮事件这么写：

if(Request["__EVENTARGUMENT" ]=="haha") 
    {  
        Response.Write("这个是链接的PostBack"); 
    } 
    else 
    {  
        Response.Write("这个不是链接的PostBack"); 
    }