Asp.net用户控件和委托事件
在Asp.net系统制作过程中，门户类型的网站，我们可以用DIV+CSS+JS+Ajax全部搞定，但是一旦遇到界面元素比较复杂的时候，还是UserControl比较方便一些，各种封装，各种处理，然后拖到主页面，就好了。本文主要讲解如何在UserControl和WebForm页面中利用委托事件传值。本文仅提供一种思路，如果有更好的方案，还敬请赐教。
首先，我们设计一个简单的UserControl页面（实际应用中，我们可以按照业务逻辑，做的复杂一些），请看下图：
然后在Default.aspx页面中，我们只需要显示出从UserControl返回过来的值即可。
在这里，我相信很多人都选择利用Session或者是Application或者是Cache等等，这些确实也都可以，不过我这次利用Delegate 和 Event来实现，好处有几点：首先传过来的值不会莫名其妙的丢失（Session会过期，Cache的东西也会过期，或者是丢失）；其次就是代码更好控制，如果UserControl中新加一些其他控件传值过来，不用new session或者是cache等，直接放到事件中，抛向接收页面就行；再者就是由于有事件回调函数，不用再另设Flag来判断UserControl是不是执行完毕等等。
下面是UserControl前台HTML内容，不做讲解：
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MyUC.ascx.cs" Inherits="DelegateWeb.MyUC" %>
<div style="border-bottom:1px solid wheat;width:600px;height:100px; line-height:100px;">
请选择省份:
<asp:DropDownList ID="ddlBind" runat="server" Height="22px" Width="200px">
<asp:ListItem Value="0">请选择</asp:ListItem>
<asp:ListItem Value="1">上海市</asp:ListItem>
<asp:ListItem Value="2">北京市</asp:ListItem>
<asp:ListItem Value="3">广州市</asp:ListItem>
<asp:ListItem Value="4">深圳市</asp:ListItem>
<asp:ListItem Value="5">河南省</asp:ListItem>
<asp:ListItem Value="6">山东省</asp:ListItem>
</asp:DropDownList>
<asp:TextBox ID="txtKeyWords" runat="server"></asp:TextBox>
<asp:Button ID="btnQuery" runat="server" Text="查询内容" onclick="btnQuery_Click" />
</div>
下面是UserControl后台代码内容：
using System;
using System.Threading; namespace DelegateWeb
{
public delegate void CalculateDelegate(string ddlValue, string keyWords); //定义全局委托
public partial class MyUC : System.Web.UI.UserControl
{
protected void Page_Load(object sender, EventArgs e)
{
} public event CalculateDelegate CalculateEvent; //定义事件
protected void btnQuery_Click(object sender, EventArgs e)
{
//睡眠5s，模拟数据执行操作
Thread.Sleep();
string ddlSelectedTextValue = ddlBind.SelectedItem.Text + "|" + ddlBind.SelectedItem.Value;
string keyWords = txtKeyWords.Text;
//如果该事件已经被订阅，则抛出事件,
// 这里也预示着函数已经执行完毕，开始抛出执行后的结果了
if (CalculateEvent != null)
CalculateEvent(ddlSelectedTextValue, keyWords);
}
}
}
这里的代码很简单，其实就是利用委托事件，当操作完成后，将执行结果利用事件抛出去。
既然我把执行结果抛出去了，那么该由谁来接呢？毋庸置疑，当然是放置它的主页面来接收了。我们拖动这个UserControl到主页面中，则主页面中会通过
<%@ Register src="MyUC.ascx" tagname="MyUC" tagprefix="uc1" %>
来注册UserControl
在主页面代码中，我们需要接住刚刚抛出的事件：
using System;
using System.Web; namespace DelegateWeb
{
public partial class Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
MyUC1.CalculateEvent += (selectedItem, keyWords) =>
{
lblResult.Text = selectedItem +" "+ keyWords;
};
//事件的注册都要放到IsPostBack判断外面，否则会出现丢失的情况
if (!IsPostBack)
{
}
}
}
}
这个我就不多说了，+=号操作就代表注册事件，以便于进行回调操作。
如果只是说到这里，那么在Ajax大行其道的今天，点击按钮就刷新页面的做法并不会受到很多人的欢迎。这里我就来让操作Ajax话。
首先拖动ScriptManager到主页面中，然后拖动UpdatePanel到主页面中，整个首页布局如下面的样子即可：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="DelegateWeb.Default" %>
<%@ Register src="MyUC.ascx" tagname="MyUC" tagprefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
body{font-size:12px;}
#MyUC1_ddlBind{border:1px solid wheat;}
#MyUC1_txtKeyWords{border:1px solid wheat;}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<uc1:MyUC ID="MyUC1" runat="server" />
<p>
从UserControl接收的内容为：<asp:Label ID="lblResult" runat="server" Text=""></asp:Label>
</p>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>
然后点击按钮，5秒后，页面输出了结果，而且完全实现了无刷新页面局部调用。
显示结果如下：
做到这里，需要提示下，由于C#提供了Action委托，所以我们现在不需要声明Delegate委托，直接利用Action，也能实现效果：
public event Action<string, string> CalculateEvent;
这篇文章可能过于简单了，但是提供了一种思路。我很想通过这篇文章和大家讨论下Asp.net中的事件传递等方面的内容，包括怎么设计等等，以期能够抛砖引玉。
Asp.net用户控件和委托事件的更多相关文章
- asp.net Login控件基本属性及事件说明
原文:asp.net Login控件基本属性及事件说明 Login系列控件是微软为了简化我们的开发过程,为我们进行常规的安全开发提供块捷途径. Login系列控件包含下列控件: Login 登录控件 ...
- 将ASP.NET用户控件转化为自定义控件
将ASP.NET用户控件转化为自定义控件 作者:Kevin Cheng (程建和) 最后修改时间:2006-03-14 概述:如何将ASP.NET用户控件移植为ASP.NET自定义控件 关键字:Asp ...
- 2016.2.24 利用用户控件和委托完美解决快速选择txbbox
1.首先将tet_box和一个datagridview控件打包成用户控件uC_QuickTxtBox 2.在用户控件中定义执行主窗口的委托函数 3.主窗体中添加用户控件的load事件,赋值 uC_Qu ...
- ASP.NET用户控件事件的定义和实践
假定用户控件(UserControl.ascx)中包含按钮控件 AButton,希望实现按 Button 按钮时,包含该用户控件的页面可以接收到事件. UserControl.ascx.cs ...
- ASP.Net用户控件的使用
一.概述: 与WEB窗体页相同,程序员可以使用任何文本编辑器创作用户控件,或者使用代码隐藏类开发用户控件.此外,与WEB窗体页一样,用户控件可以在第一次请求时被编译并存储在服务器内存中,从而缩短以后请 ...
- 039. asp.netWeb用户控件之七实现具有虚拟键盘的功能的用户控件
用户控件ascx代码: <%@ Control Language="C#" AutoEventWireup="true" CodeFile="K ...
- 038. asp.netWeb用户控件之六实现日期选择的用户控件
web用户控件的ascx代码: <%@ Control Language="C#" AutoEventWireup="true" CodeFile=&qu ...
- 037. asp.netWeb用户控件之五使用用户控件实现文件上传功能
fileUpload.ascx代码: <%@ Control Language="C#" AutoEventWireup="true" CodeFile= ...
- 036. asp.netWeb用户控件之五使用用户控件实现分页数据导航
UserDataPager.ascx用户控件代码: <%@ Control Language="C#" AutoEventWireup="true" Co ...
随机推荐
- Jmeter之HTTP Request Defaults
一.HTTP Request Defaults的作用: 该组件可以为我们的http请求设置默认的值.假如,我们创建一个测试计划有很多个请求且都是发送到相同的server,这时我们只需添加一个Http ...
- Spring-2-H Array Diversity（SPOJ AMR11H）解题报告及测试数据
Array Diversity Time Limit:404MS Memory Limit:0KB 64bit IO Format:%lld & %llu Descript ...
- matchesSelector及低版本IE中对该方法的实现
matchesSelector用来匹配dom元素是否匹配某css selector.它为一些高级方法的实现提供了基础支持,比如事件代理,parent, closest等. W3C在2006年就提出了该 ...
- Swift学习笔记--变量与常量
1.Swift是一门强类型语言,不能为变量赋予其自身数据类型之外的值: 2.声明变量使用var关键字,声明常量使用let关键字: 3.声明变量或常量时没有对其指定类型且赋予了初值,则编译器会自动推断常 ...
- 终于完成了Josephus的C语言实现啦~~
/*以下程序用来解决Josephus问题,现在只是完成了M>N的情况,2015-08-20 22:22:20*//*发现一个问题:数组的赋值问题:char People[N]={1};并不代表所 ...
- Ubuntu查看系统的信息
转载自:http://blog.chinaunix.net/uid-25885064-id-3440641.html 系统信息 # uname -a # 查看内核/操作系统/CPU信息 # cat / ...
- 用javascript得到客户端IP的新方法
javascript得到客户端IP的新方法 很久以来,我都是经过http://fw.qq.com/ipaddress来得到客户端用户的IP,这个方法简单.快速.实用 . 我们调用它的写法是: < ...
- hdu 5861 Road 两棵线段树
传送门:hdu 5861 Road 题意: 水平线上n个村子间有 n-1 条路. 每条路开放一天的价格为 Wi 有 m 天的操作,每天需要用到村子 Ai~Bi 间的道路 每条路只能开放或关闭一次. ( ...
- 边工作边刷题：70天一遍leetcode: day 76
Count Univalue Subtrees 要点:检测条件比较有意思:因为可能的情况比较多,只要违反了任意一条就return False,所以可以只考虑False的情况,最后return True ...
- css中table tr:nth-child(even)改变tr背景颜色： IE7,8无效
例如: .my_table tr:nth-child(even){ background:#E6EDF5; } .my_table tr:nth-child(odd){ background:#F0F ...