首页 > > 网页制作 > Javascript >

ASP.NET中的事件处理

2018-06-27 09:06:11来源：未知 阅读 ()

新老客户大回馈,云服务器低至5折

一、ASP.NET中的事件主要支持3个主要的事件组：
1、包含在asp.net生成页面时自动生成，我们使用这些事件建立页面（如page_load等）
2、包含了用户与页面交互时发生的所有事件（这种最强大）
3、html内部的事件，这些事件在浏览器上执行(主要是由javascript来实现)。

在C#语言中，事件的处理主要有两种方法：
1、委托式事件处理模式（Delegation Event Model）   (VS2003中需要手工建立事件的委托关系，VS2005不需要了。）
2、对可重载方法（Event Method）的重载  （在控件代码中重载方法） 

二、ASP.NET服务端添加客户端事件：

服务器控件并不是所有的操作都是在服务器端执行的，有的事件是通过客户端脚本来执行的，这样可以大大增强服务器控件的可用性。如ASP.NET验证控件，可以把部分工作放在客户端进行验证。

ASP.NET服务器控件可以发送两种客户端脚本：
1、客户端脚本块：客户端脚本块通常是用JavaScript编写的，其中通常包含在发生特定的客户端事件时执行的函数。
   发送脚本块的方法是使用System.Web.UI.Page类包含的两个方法可以将客户端代码发送到由ASP.NET Web页面提供的HTML中：
   （1）、RegisterStartupScript(key,script)：在Web窗体的结尾处（在</form> 标记之前）发送脚本块。
   （2）、RegisterClientScriptBlock(key,script):在Web窗体的开始处（紧接着<form runat="server">标识之后）发送脚本块。
   如：

复制代码
 1        protected override void OnPreRender(EventArgs e)
 2                {
 3            if (!Page.ClientScript.IsClientScriptBlockRegistered("Common"))
 4            {
 5                Page.ClientScript.RegisterClientScriptBlock(typeof(Page), "Common", ClientJavaScriptCodeScipt("Common.js"));
 6            }
 7            if (!Page.ClientScript.IsClientScriptBlockRegistered(ScriptKey))
 8            {
 9                Page.ClientScript.RegisterClientScriptBlock(typeof(Page), ScriptKey, ClientJavaScriptCodeScipt("DateTime.js"));
10            }
11                }
复制代码


2、客户端HTML属性：客户端HTML属性提供将客户端事件与客户端脚本联系在一起的方法。
   这种方法只适用于从System.Web.UI.WebControls.WebControl类导出的服务器控件，因为从这个类导出的控件会发送某些HTML元素。
   WebControl类包含一个将HTML元素属性添加到由Web控件发出的HTML元素的方法，该方法称为AddAttributesToRender(),它只有一个输入参数，即HtmlTextWriter的实例。
当然在现在开发控件中，也没必要通过这种方式来为HTML元素添加事件，特别在采用AJAX模式的情况下，完全可以在客户端通过$addHandler来为HTML元素绑定事件。

复制代码
 1                /// <summary>
 2                /// 将此控件呈现给指定的输出参数。
 3                /// </summary>
 4                /// <param name="output"> 要写出到的HTML 编写器</param>
 5                protected override void AddAttributesToRender(HtmlTextWriter output) 
 6                {
 7                    output.AddAttribute("onmousedown","setday(this);");
 8                    output.AddAttribute("onkeypress", "EnsureNumeric(event)");
 9
10                    base.AddAttributesToRender(output);
11                }
复制代码

下面的例子说明了ASP.NET服务端如何添加客户端事件：

复制代码
 1using System;
 2using System.Data;
 3using System.Configuration;
 4using System.Collections;
 5using System.Web;
 6using System.Web.Security;
 7using System.Web.UI;
 8using System.Web.UI.WebControls;
 9using System.Web.UI.WebControls.WebParts;
10using System.Web.UI.HtmlControls;
11
12namespace ServerToClientScript
13{
14    public partial class _Default : System.Web.UI.Page
15    {
16        protected void Page_Load(object sender, EventArgs e)
17        {
18            string script = "return confirm('真的要删除吗？');";
19            this.Button1.Attributes.Add("onclick",script);
20
21            if ((!Page.IsStartupScriptRegistered("PopUp")&&(!Page.IsPostBack)))
22            {
23                string scriptBlock = "<script language='JavaScript'>alert('发送客户端脚本！');</script>";
24                Page.RegisterStartupScript("PopUp",scriptBlock);
25            }
26        }
27    }
28}
复制代码


三、通过客户端事件引发服务端事件：
其实服务端控件的服务端事件是通过客户端的JavaScript模拟出来的，如我在页面上添加了一个服务器控件DropDownList,并设置其AutoPostBack为True,然后设置它的 SelectedIndexChanged事件
       protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
        {

        }

运行页面后发现HTML代码为：可以看出服务端SelectedIndexChanged事件模拟成JavaScript中的onchange事件。

复制代码
 1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2
 3<html xmlns="http://www.w3.org/1999/xhtml" >
 4<head><title>
 5        无标题页
 6</title></head>
 7<body>
 8    <form name="form1" method="post" action="MNEvent.aspx" id="form1">
 9<div>
10<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
11<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
12<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
13<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE3ODI0MjgzNjcPZBYCAgMPZBYCAgEPEGRkFgFmZGSYTeyI45LmYps34yPH/GyUwiYstw==" />
14</div>
15
16<script type="text/javascript">
17<!--
18var theForm = document.forms['form1'];
19if (!theForm) {
20    theForm = document.form1;
21}
22function __doPostBack(eventTarget, eventArgument) {
23    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
24        theForm.__EVENTTARGET.value = eventTarget;
25        theForm.__EVENTARGUMENT.value = eventArgument;
26        theForm.submit();
27    }
28}
29// -->
30</script>
31
32
33    <div>
34        <select name="DropDownList1" onchange="javascript:setTimeout('__doPostBack(\'DropDownList1\',\'\')', 0)" id="DropDownList1">
35        <option selected="selected" value="男">男</option>
36        <option value="女">女</option>
37
38</select></div>
39    
40<div>
41
42        <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBALgifCwDwKd5I/lCgKU4aSLBgLQuaSLBtn23paAhgqUhPSsi0GZsi57eadh" />
43</div></form>
44</body>
45</html>
46
47</html>
复制代码

既然服务器端控件的事件是通过客户端的JavaScript模拟出来，那么我们就可以通过客户端事件来引发服务器事件。
在控件开发中，控件的服务端事件就是通过客户端的JavaScript模拟出来的（__doPostBack）

如例子ClientToServerEvent（附件中有代码）
通过DropDownList的onchange客户端事件来引发服务端控件Button的服务端事件Click事件，如：

复制代码
 1using System;
 2using System.Data;
 3using System.Configuration;
 4using System.Collections;
 5using System.Web;
 6using System.Web.Security;
 7using System.Web.UI;
 8using System.Web.UI.WebControls;
 9using System.Web.UI.WebControls.WebParts;
10using System.Web.UI.HtmlControls;
11
12namespace ServerToClientScript
13{
14    public partial class ClientToServerEvent : System.Web.UI.Page
15    {
16        protected void Page_Load(object sender, EventArgs e)
17        {
18            string strCMD = Page.GetPostBackClientHyperlink(Button1,"");
19            string script = @"Javacript:ConfirmUpdate(""EVAL_MESSAGE"");";
20            script = script.Replace("EVAL_MESSAGE", strCMD);
21            DropDownList1.Attributes.Add("onchange",script);
22        }
23
24        protected void Button1_Click(object sender, EventArgs e)
25        {
26            Response.Write("我从服务器来，已经保存！");
27        }
28    }
29}
30
复制代码

 在页面上写JavaScript脚本：

复制代码
 1    <script type="text/javascript">
 2        function ConfirmUpdate(cmd)
 3        {
 4            if(confirm("真的要保存吗？"))
 5            {
 6                eval(cmd);  //eval函数调用一个字符串中包含的命令
 7            }
 8            else
 9            {
10                alert("我来自客户端，已经取消！");
11            }
12        }
13    </script>
复制代码

 

这样当我的DropDownList选项改变时，触发onchange客户端事件，然后由该事件引发Button服务端事件。

四、ASP.NET事件模型机制

1、ASP.NET之所以对于以前的ASP是一个革命性的巨变，在很大程度上是由于ASP.NET技术是一种基于事件驱动的全新技术。
2、在ASP.NET中时间的触发和处理是在客户端和服务端进行的。
3、ASP.NET中，如果频繁和服务器进行事件信息传递，会大大降低服务器的处理效率和性能，因而有些事件如OnMouseOver没有提供；
4、但提供了Change事件，为了提高效率它们被缓存在客户端，等到再一次事件信息被发送到服务器端时一同发送回去。
如文本框的change事件，下拉框的change事件，
如两个控件的change事件中：

复制代码
1        protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
2        {
3            Response.Write("DropDownList控件选择改变!<br>");
4        }
5
6        protected void TextBox1_TextChanged(object sender, EventArgs e)
7        {
8            Response.Write("TextBox文本改变!<br>");
9        }
复制代码

 如果控件本身的AutoPostBack设置为false（默认是false）时，文本框和下拉框发生

改变时，不会执行change事件的，而是将事件信息缓存在客户端，
当在页面上点击一个服务器端控件Button,
        protected void Button1_Click(object sender, System.EventArgs e)
        {
           Response.Write("点击了Button按钮!<br>");
        }
   此时将客户端中的事件信息发送到服务器端，执行所有的事件，返回到客户端的信息为：
TextBox文本改变!
DropDownList控件选择改变!
点击了Button按钮! 

具体例子代码见附件。
ServerToClientScript.rar

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

上一篇：SqlBulkCopy高效能批量插入SQL SERVER

下一篇：【C#】OOP之多态那点事

相关文章

IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设

网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源

网站联盟： 联盟新闻 联盟介绍 联盟点评 网赚技巧

行业资讯： 搜索引擎 网络游戏 电子商务 广告传媒

网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它

服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护

软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷

网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash

程序设计： Java技术 C/C++ VB delphi

网络知识： 网络协议 网络安全 网络管理 组网方案 Cisco技术

操作系统： Win2000 WinXP Win2003 Mac OS Linux FreeBSD

热门词条
最新资讯
热门关注
热门标签