【转】ASP.NET的OnClientClick与OnClick事件【解决了“识别用户在对话框里面选yes或no的问题”】

简介: OnClientClick是客户端事件方法.一般采用JavaScript来进行处理.也就是直接在IE端运行.一点击就运行. OnClick事件是服务器端事件处理方法,在服务器端,也就是IIS中运行.点击按钮后,执行postback,再运行. 如果一个按钮上我们同时有客户端的OnClientClick方法又有OnClick事件处理方法,如何才能按照正常的逻辑运行呢? OnClientClick中我们常用来做一些客户端的检测.当然放在服务器也可以做同样的检测,但这样做的代价是与服务器进行交互,消耗资源。

OnClientClick是客户端事件方法.一般采用JavaScript来进行处理.也就是直接在IE端运行.一点击就运行.

OnClick事件是服务器端事件处理方法,在服务器端,也就是IIS中运行.点击按钮后,执行postback,再运行.

如果一个按钮上我们同时有客户端的OnClientClick方法又有OnClick事件处理方法,如何才能按照正常的逻辑运行呢?

OnClientClick中我们常用来做一些客户端的检测.当然放在服务器也可以做同样的检测,但这样做的代价是与服务器进行交互,消耗资源。

例:

test()为一javascript函数.

 1 <script type="text/javascript">
 2         function test()
 3        {
 4             var value = document.getElementById("%=t1.ClientID%>").value;
 5             if (value == "") 
 6             {
 7                 alert("不能为空值");
 8                 return false;
 9             }
10         }
11 </script>        

t1为一文本框,判断输入内容是否为空

<asp:TextBox ID="t1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="提交"  OnClientClick="return test()" onclick="Button1_Click"  />

需要注意的是当我们当击这个按钮时,自动先执行的客户端,再执行服务器端的.如果客户端返回的是false,那么服务器端对应的方法永远不会执行.这样就达到检测,只有通过才去执行服务器端的方法.

也就是说如果我们上面写成:

<asp:Button ID="Button1" runat="server" Text="提交"  OnClientClick="test();return false" onclick="Button1_Click"  />

那么不管test()执行的结果如何.服务器端对应的Button1_Click方法都永远不会执行.因为return false使得始终使客户端返回false

如果我们写成:

<asp:Button ID="Button1" runat="server" Text="提交"  OnClientClick="test()" onclick="Button1_Click"  />

那么Button1_Click都有会发生.同样也就达不到效果.也就是说你没有通过检测也去执行服务器的方法了.

 

另外:

我们还可以通过Button1.Attributes.Add("onclick", "test()");的方法来触发客户端事件。

 

以上来自:http://blog.163.com/huang_qy/blog/static/615601452012101535413943/

======================================================================================

相类似的文章:http://blog.csdn.net/goodshot/article/details/8645740

 

OnClick与OnClientClick对于菜鸟的我来说真的花了一点时间去搞清楚。OnClientClick是在客户端方面运行的。而OnClick是会postback在服务器端运行的(这挺废话的)。但这里存在著执行时间和條件。時序性:网页上点击一个button第一个先触发的是客户端的OnClientClick,然後才會執行OnClick。條件性:要在 OnClientClick返回true的情況下,OnClick才會被后续执行。在网页默认的情况下:OnClientClick执行函数后,如果函数没有返回值OnClientClick会返回true,所以可以让OnClick顺利执行但也存在着某些时候不让OnClick执行的价值。例如使用 Javascript进行用户的第一层验证或基本的检查工作。如果不符合条件就不触发OnClick回到服务器端继续逻辑。

那么在这种情况下就要人为的将OnClientClick的返回弄成 false。做法很简单。定义一个根据检测条件返回true或者false值的Javascript或vbscript函数。然后在 OnClientClient调用。方法是OnClientClick=“return fun(真是你定义的Javascript或vbscript函数);”这样就可以达到符合条件才会触发OnClick,不符合条件不触发 OnClick。  

 

对于LinkButton我们做了一个实验,测试成功了:

<script type="text/javascript">
    function delete_user( obj)
    {

      var r=confirm("确认删除此用户?");
      return r;

     }

</script>

.......

<td><asp:LinkButton ID="LinkButtonDeleteUser" runat="server" CommandName="Order" CommandArgument='<%# Eval("UserName") %>' OnCommand="LinkButtonDeleteUser_Command"  OnClientClick="return delete_user(this);" >删除用户</asp:LinkButton></td>

.......

该操作是当用户在页面点解“删除用户”的链接按钮时,先弹出“确认删除此用户?”的信息框,如果用户选择的是确定时才执行删除用户的操作。

 学习资料:

http://msdn.microsoft.com/zh-cn/library/dd410060

这里详细介绍了ASP.NET 提供的两种方法如何用来实现客户端功能。

http://www.w3school.com.cn/aspnet/aspnet_refwebcontrols.asp

这里包括了ASP.NET中所有WEB服务器控件的属性和使用方法

======================================================================================

 

相类似的问题的文章:

http://www.cnblogs.com/BensonHe/articles/1780987.html

 

服务器控件妙用OnClientClick事件阻止回传

很多时候,我们需要对服务器控件的输入内容进行验证,如果在后台.cs页面进行验证,则会刷新页面,在用户体验和效率方面都不划算,其实完全可能在客户端使用javascript进行验证,只要编写客户端事件OnClientClick便可以了。OnClientClick会在OnClick事件之前触发。如果OnclientClick事件函数返回false,那么控件不再回传,即OnClick事件也不会再执行。见下例:

    <script type="text/javascript">

         function check() {

              var input = document.getElementById("text1").value;

              if(input == null || input == "")

              {

                     alert("文本框不能为空!");

                     return false;

              }

              return true;

         }

    </script>

    <div>

      <asp:TextBox ID="text1" runat="server"></asp:TextBox>

      <asp:Button ID="summitBtn" runat="server" Text="提交" OnClick="summitBtn_Click" OnClientClick="return check();" />

   </div>

    因为check()函数有返回值,所以前面的return关键字不能漏掉。如果检验通过,即返回true,则summitBtn_Click会继续执行,可以在summitBtn_Click中对表单的数据进入数据库操作。

======================================================================================

 

 

 

 

相关文章
|
4月前
VB.NET—窗体引起的乌龙事件
VB.NET—窗体引起的乌龙事件
53 0
|
C++
【.Net】使用委托实现被引用的项目向上级项目的消息传递事件
在实际项目过程中,经常可能遇到被引用的项目要向上传递消息,但是又不能通过方法进行返回等操作,这个时候委托就派上用场了。以下使用委托,来实现被引用的项目向上传递消息的小教程,欢迎各位大佬提供建议。1、新增控制台项目(一般在CS架构中会用的比较多,用于跨线程传递消息使用)。此处用一个控制台项目来模拟演示使用委托进行消息事件的传递教程。
93 0
【.Net】使用委托实现被引用的项目向上级项目的消息传递事件
|
JSON 物联网 数据格式
阿里云物联网.NET Core客户端|CZGL.AliloTClient:6.设备事件上报
阿里云物联网.NET Core客户端|CZGL.AliloTClient:6.设备事件上报
381 0
阿里云物联网.NET Core客户端|CZGL.AliloTClient:6.设备事件上报
|
JSON 物联网 数据格式
阿里云物联网 .NET Core 客户端 | CZGL.AliIoTClient:6. 设备事件上报
根据阿里云物联网普通的定义,事件上报有 信息、告警、故障三种类型,事件是设备上传的消息通知,应当及时处理。 1)定义事件 打开阿里云物联网控制台,进入产品,点击 自定义功能 ,添加一个事件。 2)上传事件的方法 CZGL.
1288 0
|
.NET API 开发框架
ASP.NET Core中实现单体程序的事件发布/订阅
ASP.NET Core中实现单体程序的事件发布/订阅 背景# 事件发布/订阅是一种非常强大的模式,它可以帮助业务组件间实现完全解耦,不同的业务组件只依赖事件,只关注哪些事件是需要自己处理的,而不用关注谁来处理自己发布事件,事件追溯(Event Sourcing)也是基于事件发布/订阅的。
1591 0
C#.NET使用Task,await,async,异步执行控件耗时事件(event),不阻塞UI线程和不跨线程执行UI更新,以及其他方式比较
原文:C#.NET使用Task,await,async,异步执行控件耗时事件(event),不阻塞UI线程和不跨线程执行UI更新,以及其他方式比较 使用Task,await,async,异步执行事件(event),不阻塞UI线程和不跨线程执行UI更新   使用Task,await,async 的异步模式 去执行事件(event) 解决不阻塞UI线程和不夸跨线程执行UI更新报错的最佳实践,附加几种其他方式比较 由于是Winform代码和其他原因,本文章只做代码截图演示,不做界面UI展示,当然所有代码都会在截图展示。
4864 0
|
C#
.NET零基础入门05:委托与事件
一:前言 本小节,我们需要停一停我们的小游戏开发,虽然它现在还不完美,还很简单,甚至还有BUG。但是,为了更好的理解C#,现在到了该深入了解一些基础知识的时候了。 当然,实际上,本小节内容对于零基础入门的初学者来说,还是有点难了。
673 0
|
.NET 数据库连接 开发框架
asp.net页面事件执行顺序(转)
#region OnPreInit 第一步    protected override void OnPreInit(EventArgs e)    {        //检查 IsPostBack 属性来确定是不是第一次处理该页。
684 0