__dopostback的用法

简介:

在.NET中,所有的服务器控件提交到服务器的时候,都会调用__doPostBack这个函数,所以灵活运用这个函数对于我们的帮助还是很大的.

       比如,在我们写程序的时候经常会需要动态的生成一些控件,最简单的方法就是通过一个字符串,比如string strButton = <input type =”button” ID=”button1”>,然后输出到页面,但是如果我们需要这个控件来执行一些服务器的功能,就比较困难了.这里我们就可以用过借用 __doPostBack这个函数来完成.接下来我觉个例子来说明一下具体如何调用.

 

       既然要在服务器端运行那么,我们可以声明一个不可见的LinkButton控件,那通常,我们希望一个控件不可见,通常都是把visible属性设为 false.但是在这里我们把LinkButton的Text属性设置为空,来是这个LinkButton不可见(为什么要这么设置,而不是直接设置 visible属性,我会在下面说明),接下来我们可以在LinkButton里面写一些服务器端的代码.然后就是如何通过我们动态生成的客户端控件来调 用LinkButton里面的功能,我们可以通过一个JavaScript函数来实现

       function ExcuteOnServer()

       {

       //第一个参数是你希望提交到服务器的控件的ID号,第二个参数是事件参数

       __doPostBack('LinkButtonID','');

       }

       接下去我们只需要在动态生成的这个Button控件的onclick事件中写上onclick=”JavaScript:ExcuteOnServer();",这样当我们点击这个动态生成的客户端控件的时候,他便会执行LinkButton中的代码.

 

       这样便实现了动态生成的客户端控件提交到服务器端的功能.

       最后要说一下的就是为什么希望LinkButton控件不可见的时候,不是通过visible属性来完成的.因为当我们把visible属性设置为 false的时候,浏览器在解析的时候,根本不会把这个控件放在页面上,也就是说这个控件是不存在的,所以我们在调用__doPostBack函数的时 候,便会找不到控件.

这里介绍一个常用的函数_doPostBack,这个函数如果如果是ASP.Net render出来的页面就是自动产生这个函数,比如有带autopostback属性的控件,且其属性为true的页面,带编辑列的datagrid页面。

__doPostBack 是通过__EVENTTARGET,__EVENTARGUMENT两个隐藏控件向服务端发送控制信息的,__EVENTTARGET为要调用控件的名 称,如果要调用的控件是子控件,用''$'或':'分割父控件:子控件,__EVENTARGUMENT是调用事件时的参数

下面演示下如何调用后台事件:

1.新建工程

2.拖入一个服务端Button1,一个DropDownList1和一个客户端Button

3.设置DropDownList1的AutoPostBack属性为True,Button1的Visible为False

4.双击Button1,在事件里写下Response.Write("hello:" );

5.页面的HTML里找到客户端Button,写入onclick="__doPostBack('Button1','')"

6.编译,运行,点击Button是不是出现了"Hello"

7.查看源代码,发现里面多了下面行

深入学习__doPostBack函数 - 漫步 - 漫步 <script language="javascript">

深入学习__doPostBack函数 - 漫步 - 漫步 <!--

深入学习__doPostBack函数 - 漫步 - 漫步     function __doPostBack(eventTarget, eventArgument) {

深入学习__doPostBack函数 - 漫步 - 漫步         var theform;

深入学习__doPostBack函数 - 漫步 - 漫步         if (window.navigator.appName.toLowerCase().indexOf("netscape") > -1) {

深入学习__doPostBack函数 - 漫步 - 漫步                theform = document.forms["Form1"];

深入学习__doPostBack函数 - 漫步 - 漫步            }

深入学习__doPostBack函数 - 漫步 - 漫步         else {

深入学习__doPostBack函数 - 漫步 - 漫步                theform = document.Form1;

深入学习__doPostBack函数 - 漫步 - 漫步            }

深入学习__doPostBack函数 - 漫步 - 漫步            theform.__EVENTTARGET.value = eventTarget.split("$").join(":");

深入学习__doPostBack函数 - 漫步 - 漫步            theform.__EVENTARGUMENT.value = eventArgument;

深入学习__doPostBack函数 - 漫步 - 漫步            theform.submit();

深入学习__doPostBack函数 - 漫步 - 漫步        }

深入学习__doPostBack函数 - 漫步 - 漫步 // -->

深入学习__doPostBack函数 - 漫步 - 漫步 </script>

深入学习__doPostBack函数 - 漫步 - 漫步 <input type="hidden" value="" />

深入学习__doPostBack函数 - 漫步 - 漫步 <input type="hidden" value="" />

细 心的人会发现,在__doPostBack里,提交调用的是theform.submit(),这样就导致对Form的onsubmit事件校验失效了, 幸好这个问题在asp.net 2.0已经修复了。这里提供一个替换的解决办法,在Form的最下面插入下面的代码,这段代码在保证不管是不是render出来的页面均有效

深入学习__doPostBack函数 - 漫步 - 漫步             <script language="javascript">

  深入学习__doPostBack函数 - 漫步 - 漫步 <!--

深入学习__doPostBack函数 - 漫步 - 漫步     function __doPostBack_Ex(eventTarget, eventArgument)

    {

       var theform;

       if (window.navigator.appName.toLowerCase().indexOf("netscape") > -1) 深入学习__doPostBack函数 - 漫步 - 漫步 {

               theform = document.forms[0];

           }

       else {

              theform = document.forms[0];

           }

 

        if(!theform.__EVENTTARGET)

        {            

               theform.appendChild(document.createElement("<input type='hidden' name='__EVENTTARGET'>"));

           }

 

        if(!theform.__EVENTARGUMENT)

        {            

               theform.appendChild(document.createElement("<input type='hidden' name='__EVENTARGUMENT'>"));                        

           }

 

           theform.__EVENTTARGET.value = eventTarget.split("$").join(":");

           theform.__EVENTARGUMENT.value = eventArgument;

        if ((typeof(theform.onsubmit) == "function"))

        {

            if(theform.onsubmit()!=false)

            {

                   theform.submit();    

               }

           }

        else

        {            

               theform.submit();    

           }

 

        function __doPostBack(eventTarget, eventArgument)

        {

               __doPostBack_Ex(eventTarget, eventArgument);

           }

 

 

       }

分类:  JAVASCRIPT

本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/archive/2013/05/16/3082042.html ,如需转载请自行联系原作者
相关文章
|
数据安全/隐私保护
runas的用法
今天同事的电脑安装了一个软件,运行时需要管理员权限,因为是在域环境中,无法提供管理员权限,这种情况可以用到runas。runas命令就是可以在A账户中用B账户运行某个软件。 runas /user:用户名 软件路径 在了解了runas用法后,我先在CMD中输入命令 需要输入账户密码 输入密码成功后就可以运行软件了,检查一下,是以这个用户运行的软件 后来想想运行这个命令每次都要输入管理员密码,这就没什么效果了。
2673 0
|
7月前
|
机器学习/深度学习 数据可视化 API
Gymnasium的基本用法
Gymnasium的基本用法
373 0
ClientToScreen 和ScreenToClient 用法
<div class="mod-page-main wordwrap clearfix"> <div class="x-page-container"> <div class="mod-blogpage-wraper"> <div class="grid-80 mod-blogpage"> <div class="mod-text-content mod-post-content
3041 0
|
Java
Systrace的用法小结
通过SysTrace可以帮助我们分析性能问题,包含方法的耗时时长、CPU的使用情况、ANR、布局情况等;相比性能工具TraceView,主要用来分析每个方法的执行时间,对于冷启动而言,想抓trace只能通过代码的方式,这样会导致整个应用比较卡顿,测试出的方法时间,不是真正的执行时间,只能看下时间长短的相对占比。
3505 0
iTween的用法总结
Unity3D插件-iTween的基本用法 本文提供全流程,中文翻译。Chinar坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例) 1 ...
1683 0