zoukankan      html  css  js  c++  java
  • 深入理解 __doPostBack

    带有Form表单的页面通过type=submit的button实现一次postback,这个大家都知道,那么对于微软的服务器控件是怎么做到的呢?

    这就得讲讲__doPostBack函数了,这是一段脚本代码,在页面上添加一个服务器控件(注意:除了Button、ImageButton,至于为什么,下面再讲),然后运行代码,在生成的页面源文件中会看到这段代码。

    <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 
    = eventTarget;
            theForm.__EVENTARGUMENT.value 
    = eventArgument;
            theForm.submit();
        }
    }
    // -->
    </script>

    <input type=hidden name=__EVENTTARGET id=__EVENTTARGET value= />

    <input type=hidden name=__EVENTARGUMENT id=__EVENTARGUMENT value= />

     我们可以看到 对于__EVENTTARGET和__EVENTARGUMENT这两个常量的定义,并通过调试分析页面,知道了通过Request.Form[“__EVENTTARGET”]可以获取到触发页面PostBack的事件源(控件的ID)。对于一般的控件,这样就可以了,唯有Button和ImageButton触发的PostBack无法通过这种方式获取到它们的ID(下面将会详细讲解)。

    下面来简单看一下页面PostBack的原理,和Button,ImageButton PostBack的特殊性。

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

    CODE1:

    <input type=hidden name=__EVENTTARGET id=__EVENTTARGET value= />

    <input type=hidden name=__EVENTARGUMENT id=__EVENTARGUMENT value= />

    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事件。那上面也说了,大部分的控件都是调用这个方法来引了页面的PostBack,只有两个控件是例外,Button 和 ImageButton,正是因为它们不是通过调用__doPostBack来回发事件,所以通过表单隐含变量__EVENTTARGET和__EVENTARGUMENT是无法获取得到引发PostBack的Button或ImageButton的ID和参数值的,只有通过下面的方式才能得它们的实例,进而判断是哪个控件引发的PostBack的:

    CODE2:

    foreach (string str in Request.Form)

        {

               Control c = Page.FindControl(str);

              if (c is Button)

              {

                   control = c;

                   break;

              }

       }

       为什么能通过枚举Request.Form集合的Key值,查找到的回发事件源呢?在这里Button和ImageButton又有一些不同。Button控件引发的PostBack,会将Button本身的ID作为Request.Form的一个Key,它的Value是Button的Text属性值,回传给服务器,这样服务器就可以通过枚举Request.Form的Key值,去查找出控件实例,判断是否为Button控件,进而得到是哪个控件引发的PostBack事件。而ImageButton的不同就在于,它不仅仅是用ImageButton的ID作为Request.Form的Key,它是用ImageButton的ID加上.x和.y,作为Key,在Request.Form添加两上键值对,这两个键值对的值应该是标识ImageButton的图片大小。同样的,了解了这个规律后,我们仍然可以通过一定的方式得到是否是由ImageButton引发的PostBack。

    谈过了 __doPostBack函数后,其实大家已经知道了八九不离十了,服务端控件(除了Button、ImageButton)会把触发的事件与__doPostBack进行绑定的,如下所示

    //ASPX代码

    <asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" AutoPostBack="true" OnDataBound="DropDownList1_DataBound">
            <asp:ListItem Text="guxiaoshi"></asp:ListItem>
            <asp:ListItem Text="beautiful"></asp:ListItem>
            </asp:DropDownList>

    //html代码

    <select name="DropDownList1" onchange="javascript:setTimeout('__doPostBack(\'DropDownList1\',\'\')', 0)" id="DropDownList1">
     <option selected="selected" value="guxiaoshi">guxiaoshi</option>
     <option value="beautiful">beautiful</option>

    </select>

    这是一段关于<asp:DropDownList>控件的aspx代码转变成html后的代码(浏览器只识别html以及脚本、图片等,服务器会把运行结果转变为html文件提交给客户端),很容易看到,将OnSelectedIndexChanged事件与__doPostBack函数进行了绑定,所以,所谓服务器控件,只不过是调用了一段脚本文件而已,大家无需感到神秘。

    总结:理解并掌握__doPostBack原理对我们更加了解Page的事件模型有非常大的帮助,并且也是我们进一步利用好页面的PostBack事件的一个重要基础。在整个ASP.net页面PostBack模型中,只有Button和ImageButton是个例外,其它的控件都是一样的,也就是使用__doPostBack函数。在当我们需要通过__EVENTTARGET取得到事件源控件的话,这点是特别要注意的。

  • 相关阅读:
    软件上线标准
    rap使用手册
    微服务
    什么是集合?
    什么是maven?maven中的pom文件是做什么的?
    什么是连接池?
    架构
    什么是反射?
    产品
    描述下fastJSON,jackson等等的技术
  • 原文地址:https://www.cnblogs.com/smallstone/p/1750767.html
Copyright © 2011-2022 走看看