In this tutorial we will learn the code-behind model and the project structure of pages built For Web Application Projects.
ASP.NET Pages in web project have associated with two files one is a .aspx file that contains the html and declarative server control mark-up, and the other page is a .cs "code-behind" file that contains the UI logic for the page
Control mark-up declarations are defined within the .aspx file itself. For example:
And corresponding protected field declarations are added in the .cs code-behind class that match the name and type of controls defined within the .aspx file. For example:
Here we want to show date in the label when we select date from the calendar,so for that see the following code.
You can then set a breakpoint (press the F9 key on the line to set it on), and then hit F5 to compile, run and debug the page:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace FirstWebApplication
{
public partial class FirstWebPage : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if(!Page.IsPostBack)
{
Calendar1.SelectedDate = DateTime.Now;
Label1.Text = "please select a date from calendar";
}
}
}
}
|
Now if you run your application your result will be
Handling server events from controls in our .aspx page
To handle a server event from a control on your page, you can either manually add an event-handler to the control yourself (by overridng the OnInit method in your code-behind class and adding the event delegate there), or by using the WYSIWYG designer to generate an event handler.
You can double-click on any of the events to automatically add a default named event handler. Alternatively, you can type the name of the event handler you wish to generate.
You can then add whatever code you want within the code-behind file:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace FirstWebApplication
{
public partial class FirstWebPage : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if(!Page.IsPostBack)
{
Calendar1.SelectedDate = DateTime.Now;
Label1.Text = "please select a date from calendar";
}
}
protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
Label1.Text = "Your selected date from calendar is '" + Calendar1.SelectedDate.ToShortDateString() +"'";
}
}
}
|
Now run your application and select a date from calendar then o/p will be
EmoticonEmoticon