Fire Event From Child To Parent in C#

Akash Malhotra

C#Events Delegates Methodweb form method

16 Comments

Join the conversation! Your thoughts help the community grow.

Piyush Dixit11y ago
nice articles
Akash Malhotra11y ago
Thanks everyone
Santhakumar Munuswamy11y ago
Nice article. Thanks for sharing
Shakti Saxena11y ago
Nice share :)
Pankaj Kumar Choudhary11y ago
Nice and informative article Sir.........
Vipul Malhotra11y ago
Nice article. Thanks for sharing
Rajeesh Menoth11y ago
Nice One
Gowtham K11y ago
Good one
Gowtham Rajamanickam11y ago
good
Mohammed Ibrahim11y ago
nice
Yashwanth Muthineni11y ago
Nice Share..
- Akash Malhotra11y ago
  Thanks Yashwanth
Ankit Bansal11y ago
Good one..Thanks for sharing..
- Akash Malhotra11y ago
  Thanks Ankit
Karthikeyan K11y ago
Good one sir...Thanks for share
- Akash Malhotra11y ago
  Thanks Karthikeyan

Recently, I came across the situation where a child user control needed to fire an event on the parent control.

I resolved the problem using delegates. Let's see how the problem was resolved considering a small example.

For simplicity I have designed a Webform containing a button, label and user control.

This user control contains the one button that fires an event on the parent control in which we set the text for the label containing the name of the button from which the event was fired.

Implementation

Step 1

Create an Empty Web Application and name it "LearningEvents".

Step 2

Add a User Control "WebUserControl1.ascx" and write the HTML and code as in the following.

HTML for "WebUserControl1.ascx"

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebUserControl1.ascx.cs" Inherits="LearningEvents.WebUserControl1" %>
<asp:Button ID="Button1" runat="server" Text="Child" onclick="Button1_Click" />

Code for "WebUserControl1.ascx.cs"

using System;
namespace LearningEvents
{
public partial class WebUserControl1 : System.Web.UI.UserControl
{
public delegate void ButtonClick(object sender, EventArgs e);
public ButtonClick BtnDelegate{get;set;}
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
BtnDelegate.Invoke(null, null);
}
}
}

Please note that in the preceding code we have declared a public delegate "ButtonClick" and public property "BtnDelegate" of type ButtonClick.

To fire an event on the parent control we will invoke BtnDelegate.

Step 3

Add a User Control "WebForm1.aspx" and write the HTML and code as in the following code snippet.

HTML for "WebForm1.aspx"

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="LearningEvents.WebForm1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register TagPrefix="uc" TagName="ucChildControl" Src="~/WebUserControl1.ascx" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Text="Parent" OnClick="Button1_Click" />
<uc:ucChildControl ID="ucChildControl1" runat=server />
<br /><br />
<asp:Label ID="lblInfo" runat="server"></asp:Label>
</div>
</form>
</body>
</html>

Code for "WebForm1.aspx.cs"

using System;
namespace LearningEvents
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
ucChildControl1.BtnDelegate = new WebUserControl1.ButtonClick(Button1_Click);
}
protected void Button1_Click(object sender, EventArgs e)
{
if (e == null)
lblInfo.Text = "I am called From Child";
else
lblInfo.Text = "I am called From Parent";
}
}
}

Please note that in the preceding code we have pointed ucChildControl1.BtnDelegate towards the Button1_Click event in the page load.

Run the page and the following output will be observed.

When the parent is clicked:

run

When the child is clicked:

output

I hope this sample will help in situations where events from a child needs to inform the parent of the completion of the job.

Happy Coding.