利用委托把用户控件的值显示于网页案例应用

2024-07-10 13:17:47

字体：大中小

来源：转载

供稿：网友

Asp.net开发要求，就是用户控件(UserControl)是集成一个功能，需要处理好的数据，然后存数据库中并显示于网页上，让用户能检测到处理的数据情况。

本演示中，Insus.NET只是作了一个简单的举例而已，并应用了委托来实现。为了让大家更能理解，可以先看看操作动画演示：

利用委托把用户控件的值显示于网页案例应用

在你新建一站点上，创建一个PageB.aspx网页以及UcB.ascx用户控件，在UcB.ascx上拉一个TextBox和CheckBox以及Button控件：

复制代码代码如下:

UcB.ascx
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UcB.ascx.cs" Inherits="UcB" %>
<fieldset>
<legend>User control field</legend>
Catalog:
<asp:TextBox runat="server"></asp:TextBox><br />
Enabled:
<asp:CheckBox runat="server" /><br />
<asp:Button runat="server" Text="Process..." />
</fieldset>

在UcB.ascx.cs代码页中，写一个委托属性，将用来存储所有用户控件中处理的数据。

复制代码代码如下:

View Code
private Delegate _InsusData;
public Delegate InsusData
{
set
{
_InsusData = value;
}
}

然后在Button的OnClick事件中，把数据存入刚才写好的属性：

复制代码代码如下:

View Code
protected void Button1_Click(object sender, EventArgs e)
{
object[] data = new object[2];
data[0] = this.TextBox1.Text.Trim ();
data[1] = this.CheckBox1.Checked;
_InsusData.DynamicInvoke(data);
}

完整的UcB.ascx.cs代码：

复制代码代码如下:

View Code
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class UcB : System.Web.UI.UserControl
{
private Delegate _InsusData;
public Delegate InsusData
{
set
{
_InsusData = value;
}
}
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
object[] data = new object[2];
data[0] = this.TextBox1.Text.Trim ();
data[1] = this.CheckBox1.Checked;
_InsusData.DynamicInvoke(data);
}
}

到这里，我需要把用户控件UcB拉到网页PageB中，并放置好相应的控件来显示数据：

复制代码代码如下:

PageB.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PageB.aspx.cs" Inherits="PageB" %>
<%@ Register Src="UcB.ascx" TagName="UcB" TagPrefix="uc1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form runat="server">
<uc1:UcB runat="server" />
<br />
<fieldset>
<legend>Page Content
</legend>
Show User Control Data:<br />
Catalog:
<asp:Label runat="server" Text=""></asp:Label>
<br />
Enabled:
<asp:CheckBox runat="server" Enabled="false" /><br />
</fieldset>
</form>
</body>
</html>

在PageB.aspx.cs代码内，宣告一个委托方法，并带两个参数：

复制代码代码如下:

private delegate void GetUserControlData(string catalog, bool isEnable);

再写一个与刚才写好委托方法(相同的参数)的方法，用参数为页面的控件显示数据：

复制代码代码如下:

void ShowDataToPage(string catalog, bool isEnable)
{
this.Label1.Text = catalog;
this.CheckBox1.Checked = isEnable;
}

最后是在PageB.aspx.cs内的Page_Load事件中，去实现获取用户控件的数据：

复制代码代码如下:

protected void Page_Load(object sender, EventArgs e)
{
GetUserControlData obj = new GetUserControlData(ShowDataToPage);
this.UcB1.InsusData = obj;
}

OK，完整的PageB.aspx.cs代码：

复制代码代码如下:

PageB.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class PageB : System.Web.UI.Page
{
private delegate void GetUserControlData(string catalog, bool isEnable);
protected void Page_Load(object sender, EventArgs e)
{
GetUserControlData obj = new GetUserControlData(ShowDataToPage);
this.UcB1.InsusData = obj;
}
void ShowDataToPage(string catalog, bool isEnable)
{
this.Label1.Text = catalog;
this.CheckBox1.Checked = isEnable;
}
}