ASP.NET Tutorial/ASP.net Controls/LinkButton
Image button, link button and button
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="ButtonTest" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Button Controls</title>
</head>
<body>
<form id="form1" runat="server">
<div id="container">
<asp:ImageButton ID="imgbtnTest"
runat="server"
ImageUrl="images/navigation.gif"
AlternateText="Navigation Menu"
OnClick="imgbtnTest_Click" /><br />
<asp:Label ID="labMessage1" runat="server"></asp:Label>
<asp:Button ID="btnTest"
runat="server"
Text="Click Me"
OnClick="btnTest_Click" /><br />
<asp:Label ID="labMessage2" runat="server"></asp:Label>
<asp:LinkButton ID="lnkbtnTest"
runat="server"
OnClick="lnkbtnTest_Click">
Link to click
</asp:LinkButton><br />
<asp:Label ID="labMessage3" runat="server"></asp:Label>
</div>
</form>
</body>
</html>
File: Default.aspx.cs
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class ButtonTest : System.Web.UI.Page
{
protected void imgbtnTest_Click(object sender, ImageClickEventArgs e)
{
labMessage1.Text = "ImageButton Clicked Coordinates: " + e.X.ToString() + ", " + e.Y.ToString();
}
protected void btnTest_Click(object sender, EventArgs e)
{
labMessage2.Text = "Button was clicked";
}
protected void lnkbtnTest_Click(object sender, EventArgs e)
{
labMessage3.Text = "LinkButton was clicked";
}
}
Important properties, events and methods of LinkButton control
AccessKey: specify a key that navigates to the Button control.
CommandArgument: specify a command argument that is passed to the Command event.
CommandName: specify a command name that is passed to the Command event.
Enabled: disable the LinkButton control.
OnClientClick: specify a client-side script that executes when the LinkButton is clicked.
PostBackUrl: post a form to a particular page.
TabIndex: specify the tab order of the LinkButton control.
Text: label the LinkButton control.
Focus: set the initial form focus to the LinkButton control.
Click: Raised when the LinkButton control is clicked.
Command: Raised when the LinkButton control is clicked.
The CommandName and CommandArgument are passed to this event.
Using the LinkButton Control
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void lnkSubmit_Click(object sender, EventArgs e)
{
lblResults.Text = "First Name: " + txtFirstName.Text;
lblResults.Text += "<br />Last Name: " + txtLastName.Text;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Show LinkButton</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label
id="lblFirstName"
Text="First Name:"
AssociatedControlID="txtFirstName"
Runat="server" />
<br />
<asp:TextBox
id="txtFirstName"
Runat="server" />
<br /><br />
<asp:Label
id="lblLastName"
Text="Last Name:"
AssociatedControlID="txtLastName"
Runat="server" />
<br />
<asp:TextBox
id="txtLastName"
Runat="server" />
<br /><br />
<asp:LinkButton
id="lnkSubmit"
Text="Submit"
OnClick="lnkSubmit_Click"
Runat="server" />
<br /><br />
<asp:Label
id="lblResults"
Runat="server" />
</div>
</form>
</body>
</html>