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

前端技术 2023/08/08 .NET
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 ID=\"TextBox1\" runat=\"server\"></asp:TextBox><br />
Enabled:
<asp:CheckBox ID=\"CheckBox1\" runat=\"server\" /><br />
<asp:Button ID=\"Button1\" runat=\"server\" Text=\"Process...\" OnClick=\"Button1_Click\" />
</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 id=\"form1\" runat=\"server\">
<uc1:UcB ID=\"UcB1\" runat=\"server\" />
<br />
<fieldset>
<legend>Page Content
</legend>
Show User Control Data:<br />
Catalog:
<asp:Label ID=\"Label1\" runat=\"server\" Text=\"\"></asp:Label>
<br />
Enabled:
<asp:CheckBox ID=\"CheckBox1\" 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;
}
}

本文地址：https://www.stayed.cn/item/568

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案