zoukankan      html  css  js  c++  java
  • asp.net 下OnClientClick的妙用

    一、

    OnClick是button的服务器端事件
    OnClientClick是button的客户端事件
    onlick时发生postback,执行后台代码。onclientclick,就是执行javascipt代码,不会发生postback.简单说,onclick:执行C#代码, onclientclick:执行javascript代码。
    onclientclick先于onclick发生,一般执行脚本
    onclientclick() 控制客户端提交。例如可以使用confirm('是否执行?')return true:执行onlick事件。return false:什么都不干。再得来说:
    一般我们用 OnClientClick验证我们的提交数据,但是这个一定要返回ture或者false,即一定要加上return,否则OnClick失效。当返回 false时OnClick服务器端事件才被中止,当你的js验证有错误,也会跳过验证,直接执行服务器端事件OnClientClick。为了避免这样 的错误,可以考虑用服务端验证这样就省去了OnClientClick事件,就不用考虑和OnClick的冲突了。但是从性能上,服务端验证,耗费了服务 器资源,呵呵,一般是没问题的,只是和客户端验证比较而已,各有所长,各有所短
     

          

    二、

    做 网页经常要和JavaScript打交道,经常要用JavaScript做一些客户端的验证,但是如果我们的按钮用的是HTML控件的话,验证通过后无法 调用后台代码,如果用服务器端控件,验证不通过又要刷新页面,这个有时候挺烦人的,能不能让服务器端的按钮调用客户端的验证,如果验证成功后在调用服务器 端的方法,这样既减少了网路传输,给用户感觉也好。
          当我们用模板列做删除数据的时候一般都会返回一个对话框询问用户是否确认,其实我们是通过修改模板列里的button的OnClientClick属性将 其值设为 return confirm("你确认删除该条记录吗"); 我们可以分析一下,confirm返回的是个bool值,如果我的button返回的结果也是个bool应该也可以吧,我猜对了,比如有下面一些代码function judgeUserInput(){bool result = true;if(验证未通过){result = false;alert("请检查您的输入是否正确");}return result;}那么我们把button OnClientClick设置成 return judgeUserInput();就可以了!function validion(regex,elementName,alertStr){var htmlObj = document.getElementById(elementName);if( htmlObj.value!="" ){if(regex.test(htmlObj.value)){return true;}else{alert(alertStr);return false;}}if( htmlObj.value==""){return true;}
    }然后调用的

    三、

    示例:
    web 窗体添加一个服务器控件Button,在它的onClientClick属性中写alert("这是调用客户端");return false,在服务器端事件Button1_Click中写代码Response.Write("这是调用服务器端onclick事件");,点击 Button按钮不会调用服务器端事件,但是把onClientClick中的return false去了,执行客户端onClientClick事件后继续执行Button1_Click事件。
     

    来源:

    http://blog.163.com/xiao_mege/blog/static/72942753201072053841131/

  • 相关阅读:
    C#调用存储过程的几个方法
    easyui 获取焦点
    easyui datagrid 添加统计行
    js 序列化form
    post 加返回判断
    启动journalnode时出现问题
    安装zookeeper集群及出现的问题
    win7旗舰版(64位)环境下oracle11g的安装方法(转)
    jdbc连接各种数据库方式列表
    在Windows平台上使用XManager 3.0连接Redhat 企业版 5和6.
  • 原文地址:https://www.cnblogs.com/panshirui/p/3402079.html
Copyright © 2011-2022 走看看