Introduction
In this blog you will learn how to create a
Web user control in asp.net4.
Step 1: Open visual studio
![Image1.jpg]()
Take new web applicarion
Step 2: Add Web user control
![Image2.jpg]()
Step 3: Add control
webusercontrol1.ascx
<%@
Control Language="C#"
AutoEventWireup="true"
CodeBehind="WebUserControl1.ascx.cs"
Inherits="article.WebUserControl1" %>
<asp:TextBox
ID="txtvalue"
runat="server"></asp:TextBox>
<asp:Button
ID="btnClick"
runat="server"
OnClick="btnClick_Event"
Text="Click"
/>
Step 4: Create an event,
webusercontrol1.ascx.cs
using
System;
using
System.Collections.Generic;
using
System.Linq;
using
System.Web;
using
System.Web.UI;
using
System.Web.UI.WebControls;
namespace
article
{
public delegate
void click(String
str);
public partial
class WebUserControl1 : System.Web.UI.UserControl
{
public event
click clickEvent;
protected void
Page_Load(object sender,
EventArgs e)
{
}
protected void
btnClick_Event(object sender,
EventArgs e)
{
clickEvent(txtvalue.Text);
}
}
}
Step 5: Rebuild our application then add a web form and drag and drop
created user control to our new web form web form aspx pge webform.aspx
</head>
<body>
<form id="form1"
runat="server">
<div>
<uc1:WebUserControl1
ID="WebUserControl11"
runat="server"
/>
<br
/>
<br
/>
<asp:TextBox
ID="TextBox1"
runat="server"
ReadOnly="true"></asp:TextBox>
</div>
</form>
</body>
</html>
Call event function in our application
web form aspx.cs
using
System;
using
System.Collections.Generic;
using
System.Linq;
using
System.Web;
using
System.Web.UI;
using
System.Web.UI.WebControls;
namespace
article
{
public partial
class WebForm1 : System.Web.UI.Page
{
protected void
Page_Load(object sender,
EventArgs e)
{
this.WebUserControl11.clickEvent +=
new click(WebUserControl11_clickEvent);
}
void WebUserControl11_clickEvent(string
str)
{
TextBox1.Text =
str;
}
}
}
Summery
This user control use in many forms and application.