ASP.NET Archives - 5 중 3 번째 페이지

[C#/ASP.NET] Control 클래스 : SkinID 속성을 사용해 테마 설정하기

■ Control 클래스의 SkinID 속성을 사용해 테마를 설정하는 방법을 보여준다. ▶ Blue.skin


<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Blue"
    BackColor="Yellow"
    ForeColor="Blue" />

<asp:Button SkinID="BlueSkinBold" runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Blue"
    BackColor="Yellow"
    ForeColor="Blue"
    Font-Bold="True" />

<asp:Button runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Blue"

BackColor="Yellow"

ForeColor="Blue" />

<asp:Button SkinID="BlueSkinBold" runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Blue"

BackColor="Yellow"

ForeColor="Blue"

Font-Bold="True" />

▶ Blue.css


body
{
    color : blue;
}

body

{

color : blue;

}

▶ Red.skin


<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Red"
    BackColor="Yellow"
    ForeColor="Red" />

<asp:Button SkinID="RedSkinBold" runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Red"
    BackColor="Yellow"
    ForeColor="Red"
    Font-Bold="True" />

<asp:Button runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Red"

BackColor="Yellow"

ForeColor="Red" />

<asp:Button SkinID="RedSkinBold" runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Red"

BackColor="Yellow"

ForeColor="Red"

Font-Bold="True" />

▶ Red.css


body
{
    color : red;
}

body

{

color : red;

}

[C#/ASP.NET] Page 클래스 : Theme 속성을 사용해 테마 설정하기

■ Page 클래스의 Theme 속성을 사용해 테마를 설정하는 방법을 보여준다. ▶ Blue.skin


<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Blue"
    BackColor="Yellow"
    ForeColor="Blue" />

<asp:Button runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Blue"

BackColor="Yellow"

ForeColor="Blue" />

▶ Blue.css


body
{
    color : blue;
}

body

{

color : blue;

}

▶ Red.skin


<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Red"
    BackColor="Yellow"
    ForeColor="Red" />

<asp:Button runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Red"

BackColor="Yellow"

ForeColor="Red" />

▶ Red.css


body
{
    color : red;
}

body

{

color : red;

}

[C#/ASP.NET] MasterPage 클래스 : 마스터 페이지 사용하기

■ MasterPage 클래스에서 마스터 페이지를 사용하는 방법을 보여준다. ▶ MainMasterPage.Master


<%@ Master Language="C#" AutoEventWireup="true"
    CodeBehind="MainMasterPage.master.cs"
    Inherits="TestProject.MainMasterPage" %>
<!DOCTYPE html>
<html>
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>MasterPage 클래스 : 마스터 페이지 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:HyperLink runat="server"
                    Text="페이지 1"
                    NavigateUrl="~/ContentPage1.aspx" />
                <asp:HyperLink runat="server"
                    Text="페이지 2"
                    NavigateUrl="~/ContentPage2.aspx" />
                <hr />
                <asp:ContentPlaceHolder ID="contentContentPlaceHolder" runat="server" />
            </div>
        </form>
    </body>
</html>

<%@ Master Language="C#" AutoEventWireup="true"

CodeBehind="MainMasterPage.master.cs"

Inherits="TestProject.MainMasterPage" %>

<!DOCTYPE html>

<html>

<title>MasterPage 클래스 : 마스터 페이지 사용하기</title>

</head>

<body>

<div>

<asp:HyperLink runat="server"

Text="페이지 1"

NavigateUrl="~/ContentPage1.aspx" />

<asp:HyperLink runat="server"

Text="페이지 2"

NavigateUrl="~/ContentPage2.aspx" />

<hr />

<asp:ContentPlaceHolder ID="contentContentPlaceHolder" runat="server" />

</div>

</form>

</body>

</html>

▶ MainMasterPage.Master.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 마스터 페이지
    /// </summary>
    public partial class MainMasterPage : MasterPage
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 마스터 페이지

/// </summary>

public partial class MainMasterPage : MasterPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

▶ ContentPage1.aspx


<%@ Page Title="" Language="C#" AutoEventWireup="true"
    MasterPageFile="~/MainMasterPage.Master"
    CodeBehind="ContentPage1.aspx.cs"
    Inherits="TestProject.ContentPage1" %>
<asp:Content ID="content" runat="server" ContentPlaceHolderID="contentContentPlaceHolder">
    <h1>페이지 1</h1>
</asp:Content>

<%@ Page Title="" Language="C#" AutoEventWireup="true"

MasterPageFile="~/MainMasterPage.Master"

CodeBehind="ContentPage1.aspx.cs"

Inherits="TestProject.ContentPage1" %>

<asp:Content ID="content" runat="server" ContentPlaceHolderID="contentContentPlaceHolder">

</asp:Content>

▶ ContentPage1.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 내용 페이지 1
    /// </summary>
    public partial class ContentPage1 : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 내용 페이지 1

/// </summary>

public partial class ContentPage1 : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

▶ ContentPage2.aspx

[C#/ASP.NET] UserControl 클래스 : 커스텀 컨트롤 만들기

■ UserControl 클래스를 사용해 커스텀 컨트롤을 만드는 방법을 보여준다. ▶ TimeControl.ascx


<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TimeControl.ascx.cs" Inherits="TestProject.TimeControl" %>
<asp:Literal ID="literal" runat="server" />

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TimeControl.ascx.cs" Inherits="TestProject.TimeControl" %>

<asp:Literal ID="literal" runat="server" />

▶ TimeControl.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 시간 컨트롤
    /// </summary>
    public partial class TimeControl : UserControl
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            this.literal.Text = DateTime.Now.ToString("HH:mm:ss");
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 시간 컨트롤

/// </summary>

public partial class TimeControl : UserControl

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

this.literal.Text = DateTime.Now.ToString("HH:mm:ss");

}

#endregion

}

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<%@ Register TagPrefix="control" TagName="TimeControl" Src="~/TimeControl.ascx" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>UserControl 클래스 : 사용자 정의 컨트롤 만들기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <control:TimeControl ID="timeControl" runat="server" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<%@ Register TagPrefix="control" TagName="TimeControl" Src="~/TimeControl.ascx" %>

<!DOCTYPE html>

<title>UserControl 클래스 : 사용자 정의 컨트롤 만들기</title>

</head>

<body>

<div>

<control:TimeControl ID="timeControl" runat="server" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip

[C#/ASP.NET] RequiredFieldValidator 클래스 : InitialValue 속성을 사용해 기본값 설정하기

■ RequiredFieldValidator 클래스의 InitialValue 속성을 사용해 기본값을 설정하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>RequiredFieldValidator 클래스 : InitialValue 속성을 사용해 기본값 설정하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:DropDownList ID="dropDownList" runat="server" />
                <asp:Button ID="selectButton" runat="server"
                    Text="선택"
                    OnClick="selectButton_Click" />
                <hr />
                <asp:Label ID="resultLabel" runat="server" Text="" />
                <asp:RequiredFieldValidator ID="requiredFieldValidator" runat="server"
                    ControlToValidate="dropDownList"
                    InitialValue="-1"
                    Display="None"
                    ErrorMessage="목록에서 항목을 선택해 주시기 바랍니다.">
                </asp:RequiredFieldValidator>
                <asp:ValidationSummary ID="validationSummary" runat="server"
                    ShowMessageBox="true"
                    ShowSummary="false" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>RequiredFieldValidator 클래스 : InitialValue 속성을 사용해 기본값 설정하기</title>

</head>

<body>

<div>

<asp:DropDownList ID="dropDownList" runat="server" />

<asp:Button ID="selectButton" runat="server"

Text="선택"

OnClick="selectButton_Click" />

<hr />

<asp:Label ID="resultLabel" runat="server" Text="" />

<asp:RequiredFieldValidator ID="requiredFieldValidator" runat="server"

ControlToValidate="dropDownList"

InitialValue="-1"

Display="None"

ErrorMessage="목록에서 항목을 선택해 주시기 바랍니다.">

</asp:RequiredFieldValidator>

<asp:ValidationSummary ID="validationSummary" runat="server"

ShowMessageBox="true"

ShowSummary="false" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            if(!Page.IsPostBack)
            {
                this.dropDownList.Items.Add(new ListItem("[미정]", "-1"));

                for(int i = 0; i < 10; i++)
                {
                    ListItem listItem = new ListItem(i.ToString(), i.ToString());

                    this.dropDownList.Items.Add(listItem);
                }
            }
        }

        #endregion
        #region 선택 버튼 클릭시 처리하기 - selectButton_Click(sender, e)

        /// <summary>
        /// 선택 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void selectButton_Click(object sender, EventArgs e)
        {
            this.resultLabel.Text = this.dropDownList.SelectedValue;
        }

        #endregion
    }
}

using System;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

if(!Page.IsPostBack)

{

this.dropDownList.Items.Add(new ListItem("[미정]", "-1"));

for(int i = 0; i < 10; i++)

{

ListItem listItem = new ListItem(i.ToString(), i.ToString());

this.dropDownList.Items.Add(listItem);

}

#endregion

#region 선택 버튼 클릭시 처리하기 - selectButton_Click(sender, e)

/// <summary>

/// 선택 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void selectButton_Click(object sender, EventArgs e)

{

this.resultLabel.Text = this.dropDownList.SelectedValue;

}

#endregion

}

TestProject.zip

[C#/ASP.NET] CustomValidator 클래스 : 커스텀 검증하기

■ CustomValidator 클래스를 사용해 커스텀 검증하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>CustomValidator 클래스를 사용해 사용자 정의 검증하기</title>
        <script>
            function ValidateOddNumber(source, args)
            {
                if(parseInt(args.Value) % 2 == 1)
                {
                    args.IsValid = true;
                }
                else
                {
                    args.IsValid = false;
                }
            }
        </script>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <h3>사용자 정의 검증 검사 컨트롤</h3>
                짝수만 입력 :
                <asp:TextBox ID="evenNumberTextBox" runat="server" />
                <asp:CustomValidator ID="evenNumberCustomValidator" runat="server"
                    ControlToValidate="evenNumberTextBox"
                    ErrorMessage="짝수만 입력해 주시기 바랍니다."
                    OnServerValidate="evenNumberCustomValidator_ServerValidate">
                </asp:CustomValidator>
                <br />
                홀수만 입력 :
                <asp:TextBox ID="oddNumberTextBox" runat="server"></asp:TextBox>
                <asp:CustomValidator ID="oddNumberCustomValidator" runat="server"
                    ControlToValidate="oddNumberTextBox"
                    ErrorMessage="홀수만 입력해 주시기 바랍니다."
                    ClientValidationFunction="ValidateOddNumber">
                </asp:CustomValidator>
                <hr />
                <asp:Button ID="okButton" runat="server" Text="확인" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>CustomValidator 클래스를 사용해 사용자 정의 검증하기</title>

function ValidateOddNumber(source, args)

{

if(parseInt(args.Value) % 2 == 1)

{

args.IsValid = true;

}

else

{

args.IsValid = false;

}

</script>

</head>

<body>

<div>

짝수만 입력 :

<asp:TextBox ID="evenNumberTextBox" runat="server" />

<asp:CustomValidator ID="evenNumberCustomValidator" runat="server"

ControlToValidate="evenNumberTextBox"

ErrorMessage="짝수만 입력해 주시기 바랍니다."

OnServerValidate="evenNumberCustomValidator_ServerValidate">

</asp:CustomValidator>

<br />

홀수만 입력 :

<asp:TextBox ID="oddNumberTextBox" runat="server"></asp:TextBox>

<asp:CustomValidator ID="oddNumberCustomValidator" runat="server"

ControlToValidate="oddNumberTextBox"

ErrorMessage="홀수만 입력해 주시기 바랍니다."

ClientValidationFunction="ValidateOddNumber">

</asp:CustomValidator>

<hr />

<asp:Button ID="okButton" runat="server" Text="확인" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
        #region 짝수 커스텀 검증자 서버 검증하기 - evenNumberCustomValidator_ServerValidate(source, e)

        /// <summary>
        /// 짝수 커스텀 검증자 서버 검증하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void evenNumberCustomValidator_ServerValidate(object sender, ServerValidateEventArgs e)
        {
            if(Convert.ToInt32(e.Value) % 2 == 0)
            {
                e.IsValid = true;
            }
            else
            {
                e.IsValid = false;
            }
        }

        #endregion
    }
}

using System;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

#region 짝수 커스텀 검증자 서버 검증하기 - evenNumberCustomValidator_ServerValidate(source, e)

/// <summary>

/// 짝수 커스텀 검증자 서버 검증하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void evenNumberCustomValidator_ServerValidate(object sender, ServerValidateEventArgs e)

{

if(Convert.ToInt32(e.Value) % 2 == 0)

{

e.IsValid = true;

}

else

{

e.IsValid = false;

}

#endregion

}

TestProject.zip

[C#/ASP.NET] RegularExpressionValidator 클래스 : 정규식 검사하기

■ RegularExpressionValidator 클래스를 사용해 정규식을 검사하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>RegularExpressionValidator 클래스를 사용해 정규식 검사하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                이메일 :
                <asp:TextBox ID="emailTextBox" runat="server" />
                <asp:RegularExpressionValidator ID="emailRegularExpressionValidator" runat="server"
                    ControlToValidate="emailTextBox"
                    ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                    ErrorMessage="이메일을 정확히 입력해 주시기 바랍니다.">
                </asp:RegularExpressionValidator>
                <br />
                홈페이지 :
                <asp:TextBox ID="homepageTextBox" runat="server" />
                <asp:RegularExpressionValidator ID="homepageRegularExpressionValidator" runat="server"
                    ControlToValidate="homepageTextBox"
                    ValidationExpression="http(s)?://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?"
                    ErrorMessage="홈페이지를 정확히 입력해 주시기 바랍니다.">
                </asp:RegularExpressionValidator>
                <hr />
                <asp:LinkButton ID="okButton" runat="server" Text="확인" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>RegularExpressionValidator 클래스를 사용해 정규식 검사하기</title>

</head>

<body>

<div>

이메일 :

<asp:TextBox ID="emailTextBox" runat="server" />

<asp:RegularExpressionValidator ID="emailRegularExpressionValidator" runat="server"

ControlToValidate="emailTextBox"

ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"

ErrorMessage="이메일을 정확히 입력해 주시기 바랍니다.">

</asp:RegularExpressionValidator>

<br />

홈페이지 :

<asp:TextBox ID="homepageTextBox" runat="server" />

<asp:RegularExpressionValidator ID="homepageRegularExpressionValidator" runat="server"

ControlToValidate="homepageTextBox"

ValidationExpression="http(s)?://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?"

ErrorMessage="홈페이지를 정확히 입력해 주시기 바랍니다.">

</asp:RegularExpressionValidator>

<hr />

<asp:LinkButton ID="okButton" runat="server" Text="확인" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip

[C#/ASP.NET] CompareValidator 클래스 : 입력 항목 비교하기

■ CompareValidator 클래스를 사용해 입력 항목을 비교하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>CompareValidator 클래스를 사용해 입력 항목 비교하기</title>
    </head>
    <body>
    <form id="form" runat="server">
    <div>
        패스워드 : <asp:TextBox ID="passwordTextBox" runat="server" TextMode="Password" />
        <br />
        패스워드 확인 : <asp:TextBox ID="confirmTextBox" runat="server" TextMode="Password" />
        <asp:CompareValidator ID="passwordCompareValidator" runat="server"
            ControlToValidate="confirmTextBox"
            ControlToCompare="passwordTextBox"
            ErrorMessage="패스워드를 다시 확인해 주시기 바랍니다."
            SetFocusOnError="true">
        </asp:CompareValidator>
        <hr />
        <asp:Button ID="confirmButton" runat="server" Text="확인" />
    </div>
    </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>CompareValidator 클래스를 사용해 입력 항목 비교하기</title>

</head>

<body>

<div>

패스워드 : <asp:TextBox ID="passwordTextBox" runat="server" TextMode="Password" />

<br />

패스워드 확인 : <asp:TextBox ID="confirmTextBox" runat="server" TextMode="Password" />

<asp:CompareValidator ID="passwordCompareValidator" runat="server"

ControlToValidate="confirmTextBox"

ControlToCompare="passwordTextBox"

ErrorMessage="패스워드를 다시 확인해 주시기 바랍니다."

SetFocusOnError="true">

</asp:CompareValidator>

<hr />

<asp:Button ID="confirmButton" runat="server" Text="확인" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip

[C#/ASP.NET] RangeValidator 클래스 : 입력 범위 확인하기

■ RangeValidator 클래스를 사용해 입력 범위를 확인하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>RangeValidator 클래스를 사용해 입력 범위 확인하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <h3>범위 확인 유효성 검사 컨트롤</h3>
                나이 :
                <asp:TextBox ID="ageTextBox" runat="server" />
                <asp:RangeValidator ID="ageRangeValidator" runat="server"
                    ControlToValidate="ageTextBox"
                    Type="Integer"
                    MinimumValue="1"
                    MaximumValue="150"
                    Display="Dynamic"
                    ErrorMessage="나이는 1~150 사이의 정수입니다."
                    SetFocusOnError="true">
                </asp:RangeValidator>
                <br />
                학점 :
                <asp:TextBox ID="scoreTextBox" runat="server" />
                <asp:RangeValidator ID="scoreRangeValidator" runat="server"
                    ControlToValidate="scoreTextBox"
                    Type="String"
                    MinimumValue="A"
                    MaximumValue="F"
                    Display="Dynamic"
                    ErrorMessage="학점은 A부터 F까지입니다."
                    SetFocusOnError="true">
                </asp:RangeValidator>
                <hr />
                <asp:LinkButton ID="saveButton" runat="server"
                    Text="저장" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>RangeValidator 클래스를 사용해 입력 범위 확인하기</title>

</head>

<body>

<div>

나이 :

<asp:TextBox ID="ageTextBox" runat="server" />

<asp:RangeValidator ID="ageRangeValidator" runat="server"

ControlToValidate="ageTextBox"

Type="Integer"

MinimumValue="1"

MaximumValue="150"

Display="Dynamic"

ErrorMessage="나이는 1~150 사이의 정수입니다."

SetFocusOnError="true">

</asp:RangeValidator>

<br />

학점 :

<asp:TextBox ID="scoreTextBox" runat="server" />

<asp:RangeValidator ID="scoreRangeValidator" runat="server"

ControlToValidate="scoreTextBox"

Type="String"

MinimumValue="A"

MaximumValue="F"

Display="Dynamic"

ErrorMessage="학점은 A부터 F까지입니다."

SetFocusOnError="true">

</asp:RangeValidator>

<hr />

<asp:LinkButton ID="saveButton" runat="server"

Text="저장" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip

[C#/ASP.NET] RequiredFieldValidator 클래스 : 필수 입력 여부 확인하기

■ RequiredFieldValidator 클래스를 사용해 필수 입력 여부를 확인하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>RequiredFieldValidator 클래스를 사용해 필수 입력 여부 확인하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                ID : <asp:TextBox ID="idTextBox" runat="server" />
                <asp:RequiredFieldValidator ID="idRequiredFieldValidator" runat="server"
                    ControlToValidate="idTextBox"
                    ErrorMessage="ID를 입력해 주시기 바랍니다."
                    Display="Dynamic">
                </asp:RequiredFieldValidator>
                (필수)
                <br />
                Password :
                <asp:TextBox ID="passwordTextBox" runat="server"
                    TextMode="Password" />
                <asp:RequiredFieldValidator ID="passwordRequiredFieldValidator" runat="server"
                    ControlToValidate="passwordTextBox"
                    Display="Dynamic"
                    ErrorMessage="패스워드를 입력해 주시기 바랍니다.">
                </asp:RequiredFieldValidator>
                (필수)
                <hr />
                <asp:LinkButton ID="loginButton" runat="server"
                    Text="로그인"
                    OnClick="loginButton_Click" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>RequiredFieldValidator 클래스를 사용해 필수 입력 여부 확인하기</title>

</head>

<body>

<div>

ID : <asp:TextBox ID="idTextBox" runat="server" />

<asp:RequiredFieldValidator ID="idRequiredFieldValidator" runat="server"

ControlToValidate="idTextBox"

ErrorMessage="ID를 입력해 주시기 바랍니다."

Display="Dynamic">

</asp:RequiredFieldValidator>

(필수)

<br />

Password :

<asp:TextBox ID="passwordTextBox" runat="server"

TextMode="Password" />

<asp:RequiredFieldValidator ID="passwordRequiredFieldValidator" runat="server"

ControlToValidate="passwordTextBox"

Display="Dynamic"

ErrorMessage="패스워드를 입력해 주시기 바랍니다.">

</asp:RequiredFieldValidator>

(필수)

<hr />

<asp:LinkButton ID="loginButton" runat="server"

Text="로그인"

OnClick="loginButton_Click" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            if(!Page.IsPostBack)
            {
                Page.SetFocus(this.idTextBox);
            }
        }

        #endregion
        #region 로그인 버튼 클릭시 처리하기 - loginButton_Click(sender, e)

        /// <summary>
        /// 로그인 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void loginButton_Click(object sender, EventArgs e)
        {
            if(Page.IsValid)
            {
                Page.ClientScript.RegisterClientScriptBlock
                (
                    GetType(),
                    "alertMessage",
                    "<script>alert('로그인을 성공했습니다.');</script>"
                );
            }
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

if(!Page.IsPostBack)

{

Page.SetFocus(this.idTextBox);

}

#endregion

#region 로그인 버튼 클릭시 처리하기 - loginButton_Click(sender, e)

/// <summary>

/// 로그인 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void loginButton_Click(object sender, EventArgs e)

{

if(Page.IsValid)

{

Page.ClientScript.RegisterClientScriptBlock

(

GetType(),

"alertMessage",

"<script>alert('로그인을 성공했습니다.');</script>"

);

}

#endregion

}

TestProject.zip

[C#/ASP.NET] 검증 검사 컨트롤 사용하기

■ 검증 검사 컨트롤을 사용하는 방법을 보여준다. 1. Visual Studio에서 도구 > NuGet 패키지 관리자 > 패키지 관리자 콘솔 메뉴를 선택한다. 2.

[C#/ASP.NET] PlaceHolder 클래스 : 동적 컨트롤 추가하기

■ PlaceHolder 클래스를 사용해 동적으로 컨트롤을 추가하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>PlaceHolder 클래스를 사용해 동적 컨트롤 추가하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:PlaceHolder ID="placeHolder" runat="server" />
                <hr />
                <asp:Label ID="messageLabel" runat="server" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>PlaceHolder 클래스를 사용해 동적 컨트롤 추가하기</title>

</head>

<body>

<div>

<asp:PlaceHolder ID="placeHolder" runat="server" />

<hr />

<asp:Label ID="messageLabel" runat="server" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            Button button1 = new Button();

            button1.ID   = "button1";
            button1.Text = "버튼 1";

            button1.Click += button_Click;

            this.placeHolder.Controls.Add(button1);

            Literal literal = new Literal();

            literal.Text = "<br />";

            this.placeHolder.Controls.Add(literal);

            Button button2 = new Button();

            button2.ID   = "button2";
            button2.Text = "버튼 2";

            button2.Click += button_Click;

            this.placeHolder.Controls.Add(button2);
        }

        #endregion
        #region 버튼 클릭시 처리하기 - button_Click(sender, e)

        /// <summary>
        /// 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void button_Click(object sender, EventArgs e)
        {
            Button button = sender as Button;

            this.messageLabel.Text = $"{button.Text} 버튼이 클릭되었습니다.<br />{button.ID} 버튼 입니다.<br />";
        }

        #endregion
    }
}

using System;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

Button button1 = new Button();

button1.ID = "button1";

button1.Text = "버튼 1";

button1.Click += button_Click;

this.placeHolder.Controls.Add(button1);

Literal literal = new Literal();

literal.Text = "<br />";

this.placeHolder.Controls.Add(literal);

Button button2 = new Button();

button2.ID = "button2";

button2.Text = "버튼 2";

button2.Click += button_Click;

this.placeHolder.Controls.Add(button2);

}

#endregion

#region 버튼 클릭시 처리하기 - button_Click(sender, e)

/// <summary>

/// 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void button_Click(object sender, EventArgs e)

{

Button button = sender as Button;

this.messageLabel.Text = $"{button.Text} 버튼이 클릭되었습니다.<br />{button.ID} 버튼 입니다.<br />";

}

#endregion

}

TestProject.zip

[C#/ASP.NET] Panel 클래스 사용하기

■ Panel 클래스를 사용하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Panel 클래스 사용하기</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <asp:Panel ID="firstPanel" runat="server"
                    Width="200px"
                    Height="50px"
                    ScrollBars="Vertical">
                    안녕하세요.<br />
                    안녕하세요.<br />
                    안녕하세요.<br />
                    안녕하세요.<br />
                </asp:Panel>
                <asp:Panel ID="secondPanel" runat="server"
                    Width="200px"
                    Height="50px"
                    GroupingText="그룹 상자">
                    반갑습니다.<br />
                </asp:Panel>
                <br />
                <hr />
                <asp:Panel ID="commandPanel" runat="server"
                    Width="450px"
                    Height="60px"
                    DefaultButton="showSecondPanelButton">
                    <asp:Button ID="showFirstPanelButton" runat="server"
                        Text="첫 번째 패널 보여주기"
                        OnClick="showFirstPanelButton_Click" />
                    <asp:Button ID="showSecondPanelButton" runat="server"
                        Text="두 번째 패널 보여주기"
                        OnClick="showSecondPanelButton_Click" />
                    <br />
                    <asp:TextBox ID="messageTextBox" runat="server"
                        Width="400px">
                        여기에서 엔터키를 누르면 버튼이 클릭됩니다.
                    </asp:TextBox>
                </asp:Panel>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>Panel 클래스 사용하기</title>

</head>

<body>

<div>

<asp:Panel ID="firstPanel" runat="server"

Width="200px"

Height="50px"

ScrollBars="Vertical">

안녕하세요.<br />

</asp:Panel>

<asp:Panel ID="secondPanel" runat="server"

Width="200px"

Height="50px"

GroupingText="그룹 상자">

반갑습니다.<br />

</asp:Panel>

<br />

<hr />

<asp:Panel ID="commandPanel" runat="server"

Width="450px"

Height="60px"

DefaultButton="showSecondPanelButton">

<asp:Button ID="showFirstPanelButton" runat="server"

Text="첫 번째 패널 보여주기"

OnClick="showFirstPanelButton_Click" />

<asp:Button ID="showSecondPanelButton" runat="server"

Text="두 번째 패널 보여주기"

OnClick="showSecondPanelButton_Click" />

<br />

<asp:TextBox ID="messageTextBox" runat="server"

Width="400px">

여기에서 엔터키를 누르면 버튼이 클릭됩니다.

</asp:TextBox>

</asp:Panel>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            if(!Page.IsPostBack)
            {
                Page.SetFocus(this.messageTextBox);
            }

            this.firstPanel.Visible  = true;
            this.secondPanel.Visible = false;

            this.showFirstPanelButton.Visible  = false;
            this.showSecondPanelButton.Visible = true;
        }

        #endregion
        #region 첫번째 패널 보여주기 버튼 클릭시 처리하기 - showFirstPanelButton_Click(sender, e)

        /// <summary>
        /// 첫번째 패널 보여주기 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void showFirstPanelButton_Click(object sender, EventArgs e)
        {
            this.firstPanel.Visible  = true;
            this.secondPanel.Visible = false;

            showFirstPanelButton.Visible  = false;
            showSecondPanelButton.Visible = true;

            SetFocus(this.messageTextBox);

            this.commandPanel.DefaultButton = "showSecondPanelButton";
        }

        #endregion
        #region 두번째 패널 보여주기 버튼 클릭시 처리하기 - showSecondPanelButton_Click(sender, e)

        /// <summary>
        /// 두번째 패널 보여주기 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void showSecondPanelButton_Click(object sender, EventArgs e)
        {
            this.firstPanel.Visible  = false;
            this.secondPanel.Visible = true;

            showFirstPanelButton.Visible  = true;
            showSecondPanelButton.Visible = false;

            SetFocus(this.messageTextBox);

            this.commandPanel.DefaultButton = "showFirstPanelButton";
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

if(!Page.IsPostBack)

{

Page.SetFocus(this.messageTextBox);

}

this.firstPanel.Visible = true;

this.secondPanel.Visible = false;

this.showFirstPanelButton.Visible = false;

this.showSecondPanelButton.Visible = true;

}

#endregion

#region 첫번째 패널 보여주기 버튼 클릭시 처리하기 - showFirstPanelButton_Click(sender, e)

/// <summary>

/// 첫번째 패널 보여주기 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void showFirstPanelButton_Click(object sender, EventArgs e)

{

this.firstPanel.Visible = true;

this.secondPanel.Visible = false;

showFirstPanelButton.Visible = false;

showSecondPanelButton.Visible = true;

SetFocus(this.messageTextBox);

this.commandPanel.DefaultButton = "showSecondPanelButton";

}

#endregion

#region 두번째 패널 보여주기 버튼 클릭시 처리하기 - showSecondPanelButton_Click(sender, e)

/// <summary>

/// 두번째 패널 보여주기 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void showSecondPanelButton_Click(object sender, EventArgs e)

{

this.firstPanel.Visible = false;

this.secondPanel.Visible = true;

showFirstPanelButton.Visible = true;

showSecondPanelButton.Visible = false;

SetFocus(this.messageTextBox);

this.commandPanel.DefaultButton = "showFirstPanelButton";

}

#endregion

}

TestProject.zip

[C#/ASP.NET] MultiView 클래스 사용하기

■ MultiView 클래스를 사용하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>MultiView 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:MultiView ID="multiView" runat="server">
                    <asp:View ID="view1" runat="server">
                        첫번째 뷰<br /><br />
                        <asp:Button ID="lastViewButton" runat="server"
                            Text="마지막 뷰"
                            OnClick="lastViewButton_Click" />
                    </asp:View>
                    <asp:View ID="view2" runat="server">
                        마지막 뷰<br /><br />
                        <asp:Button ID="firstViewButton" runat="server"
                            Text="첫번째 뷰"
                            OnClick="firstViewButton_Click" />
                    </asp:View>
                </asp:MultiView>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>MultiView 클래스 사용하기</title>

</head>

<body>

<div>

<asp:MultiView ID="multiView" runat="server">

<asp:View ID="view1" runat="server">

첫번째 뷰<br /><br />

<asp:Button ID="lastViewButton" runat="server"

Text="마지막 뷰"

OnClick="lastViewButton_Click" />

</asp:View>

<asp:View ID="view2" runat="server">

마지막 뷰<br /><br />

<asp:Button ID="firstViewButton" runat="server"

Text="첫번째 뷰"

OnClick="firstViewButton_Click" />

</asp:View>

</asp:MultiView>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            if(!IsPostBack)
            {
                this.multiView.ActiveViewIndex = 0;
            }
        }

        #endregion
        #region 마지막 뷰 버튼 클릭시 처리하기 - lastViewButton_Click(sender, e)

        /// <summary>
        /// 마지막 뷰 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void lastViewButton_Click(object sender, EventArgs e)
        {
            this.multiView.ActiveViewIndex = 1;
        }

        #endregion
        #region 첫번째 뷰 버튼 클릭시 처리하기 - firstViewButton_Click(sender, e)

        /// <summary>
        /// 첫번째 뷰 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void firstViewButton_Click(object sender, EventArgs e)
        {
            this.multiView.ActiveViewIndex = 0;
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

if(!IsPostBack)

{

this.multiView.ActiveViewIndex = 0;

}

#endregion

#region 마지막 뷰 버튼 클릭시 처리하기 - lastViewButton_Click(sender, e)

/// <summary>

/// 마지막 뷰 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void lastViewButton_Click(object sender, EventArgs e)

{

this.multiView.ActiveViewIndex = 1;

}

#endregion

#region 첫번째 뷰 버튼 클릭시 처리하기 - firstViewButton_Click(sender, e)

/// <summary>

/// 첫번째 뷰 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void firstViewButton_Click(object sender, EventArgs e)

{

this.multiView.ActiveViewIndex = 0;

}

#endregion

}

TestProject.zip

[C#/ASP.NET] Wizard 클래스 사용하기

■ Wizard 클래스를 사용하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Wizard 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:Wizard ID="wizard" runat="server"
                    Width="600px"
                    Height="200px"
                    BorderWidth="1px"
                    OnFinishButtonClick="wizard_FinishButtonClick">
                    <WizardSteps>
                        <asp:WizardStep ID="wizardStep1" runat="server"
                            Title="단계 1"
                            StepType="Start">
                            첫번째 단계 입니다.<br />
                            <asp:TextBox ID="textBox1" runat="server" />
                        </asp:WizardStep>
                        <asp:WizardStep ID="wizardStep2" runat="server"
                            Title="단계 2"
                            StepType="Step">
                            두번째 단계 입니다. <br />
                            <asp:TextBox ID="textBox2" runat="server" />
                        </asp:WizardStep>
                        <asp:WizardStep ID="wizardStep3" runat="server"
                            Title="단계 3"
                            StepType="Step">
                            세번째 단계입니다. <br />
                            <asp:TextBox ID="textBox3" runat="server" />
                        </asp:WizardStep>
                        <asp:WizardStep ID="wizardStep4" runat="server"
                            Title="단계 4"
                            StepType="Finish">
                            마지막 단계입니다. <br />
                            <asp:TextBox ID="textBox4" runat="server" />
                        </asp:WizardStep>
                        <asp:WizardStep ID="wizardStep5" runat="server"
                            Title="완료"
                            StepType="Complete">
                            완료되었습니다. <hr />
                            <asp:Label ID="completeLabel" runat="server" />
                        </asp:WizardStep>
                    </WizardSteps>
                </asp:Wizard>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>Wizard 클래스 사용하기</title>

</head>

<body>

<div>

<asp:Wizard ID="wizard" runat="server"

Width="600px"

Height="200px"

BorderWidth="1px"

OnFinishButtonClick="wizard_FinishButtonClick">

<asp:WizardStep ID="wizardStep1" runat="server"

Title="단계 1"

StepType="Start">

첫번째 단계 입니다.<br />

<asp:TextBox ID="textBox1" runat="server" />

</asp:WizardStep>

<asp:WizardStep ID="wizardStep2" runat="server"

Title="단계 2"

StepType="Step">

두번째 단계 입니다. <br />

<asp:TextBox ID="textBox2" runat="server" />

</asp:WizardStep>

<asp:WizardStep ID="wizardStep3" runat="server"

Title="단계 3"

StepType="Step">

세번째 단계입니다. <br />

<asp:TextBox ID="textBox3" runat="server" />

</asp:WizardStep>

<asp:WizardStep ID="wizardStep4" runat="server"

Title="단계 4"

StepType="Finish">

마지막 단계입니다. <br />

<asp:TextBox ID="textBox4" runat="server" />

</asp:WizardStep>

<asp:WizardStep ID="wizardStep5" runat="server"

Title="완료"

StepType="Complete">

완료되었습니다. <hr />

<asp:Label ID="completeLabel" runat="server" />

</asp:WizardStep>

</WizardSteps>

</asp:Wizard>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Text;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
        #region 위저드 최종 버튼 클릭시 처리하기 - wizard_FinishButtonClick(sender, e)

        /// <summary>
        /// 위저드 최종 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void wizard_FinishButtonClick(object sender, WizardNavigationEventArgs e)
        {
            StringBuilder stringBuilder = new StringBuilder();

            stringBuilder.Append(this.textBox1.Text);
            stringBuilder.Append("<br />");
            stringBuilder.Append(this.textBox2.Text);
            stringBuilder.Append("<br />");
            stringBuilder.Append(this.textBox3.Text);
            stringBuilder.Append("<br />");
            stringBuilder.Append(this.textBox4.Text);
            stringBuilder.Append("<br />");

            this.completeLabel.Text = stringBuilder.ToString();
        }

        #endregion
    }
}

using System;

using System.Text;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

#region 위저드 최종 버튼 클릭시 처리하기 - wizard_FinishButtonClick(sender, e)

/// <summary>

/// 위저드 최종 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void wizard_FinishButtonClick(object sender, WizardNavigationEventArgs e)

{

StringBuilder stringBuilder = new StringBuilder();

stringBuilder.Append(this.textBox1.Text);

stringBuilder.Append("<br />");

stringBuilder.Append(this.textBox2.Text);

stringBuilder.Append("<br />");

stringBuilder.Append(this.textBox3.Text);

stringBuilder.Append("<br />");

stringBuilder.Append(this.textBox4.Text);

stringBuilder.Append("<br />");

this.completeLabel.Text = stringBuilder.ToString();

}

#endregion

}

TestProject.zip

[C#/ASP.NET] Xml 클래스 : XML 데이터 출력하기

■ Xml 클래스를 사용해 XML 데이터를 출력하는 방법을 보여준다. ▶ Data.xml


<?xml version="1.0" encoding="utf-8" ?>
<Company>
    <CompanyName>대한상사</CompanyName>
    <CompanyNumber>123-45-67890</CompanyNumber>
    <CompanyAddress>서울시 종로구</CompanyAddress>
    <CompanyAddressDetail>1번지</CompanyAddressDetail>
    <Name>김철수</Name>
    <CompanyType>제조업</CompanyType>
    <CompanyStyle>기타</CompanyStyle>
    <Operator>홍길동</Operator>
    <Phone>010-1234-5678</Phone>
    <Fax>02-1234-5678</Fax>
    <Email>temp@daum.net</Email>
</Company>

<?xml version="1.0" encoding="utf-8" ?>

</Company>

▶ Data.xsl


<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:template match="/Company">
        <html>
            <body>
                <h1>회사 소개</h1>
                <table border="1" style="width:500px;">
                    <tr>
                        <td width="180">사업자명</td>
                        <td>
                            <xsl:value-of select="CompanyName"></xsl:value-of>
                        </td>
                    </tr>
                    <tr>
                        <td width="180">사업자번호</td>
                        <td>
                            <xsl:value-of select="CompanyNumber"></xsl:value-of>
                        </td>
                    </tr>
                    <tr>
                        <td>소재지</td>
                        <td>
                            <xsl:value-of select="CompanyAddress"></xsl:value-of>
                            <xsl:value-of select="CompanyAddressDetail"></xsl:value-of>
                        </td>
                    </tr>
                    <tr>
                        <td>전화번호</td>
                        <td>
                            <xsl:value-of select="Phone"></xsl:value-of>
                        </td>
                    </tr>
                    <tr>
                        <td>팩스번호</td>
                        <td>
                            <xsl:value-of select="Fax"></xsl:value-of>
                        </td>
                    </tr>
                    <tr>
                        <td>이메일</td>
                        <td>
                            <xsl:value-of select="Email"></xsl:value-of>
                        </td>
                    </tr>
                    <tr>
                        <td>통신 판매업무 책임자</td>
                        <td>
                            <xsl:value-of select="Operator"></xsl:value-of>
                        </td>
                    </tr>
                </table>
            </body>
        </html>
    </xsl:template>
</xsl:stylesheet>

<?xml version="1.0" encoding="utf-8"?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/Company">

<html>

<body>

<tr>

<td>

<xsl:value-of select="CompanyName"></xsl:value-of>

</td>

</tr>

<tr>

<td width="180">사업자번호</td>

<td>

<xsl:value-of select="CompanyNumber"></xsl:value-of>

</td>

</tr>

<tr>

<td>

<xsl:value-of select="CompanyAddress"></xsl:value-of>

<xsl:value-of select="CompanyAddressDetail"></xsl:value-of>

</td>

</tr>

<tr>

<td>

<xsl:value-of select="Phone"></xsl:value-of>

</td>

</tr>

<tr>

<td>

<xsl:value-of select="Fax"></xsl:value-of>

</td>

</tr>

<tr>

<td>

<xsl:value-of select="Email"></xsl:value-of>

</td>

</tr>

<tr>

<td>

<xsl:value-of select="Operator"></xsl:value-of>

</td>

</tr>

</table>

</body>

</html>

</xsl:template>

</xsl:stylesheet>

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Xml 클래스를 사용해 XML 데이터 출력하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:Xml ID="xml" runat="server"
                    DocumentSource="~/Data.xml"
                    TransformSource="~/Data.xsl">
                </asp:Xml>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

</head>

<body>

<div>

<asp:Xml ID="xml" runat="server"

DocumentSource="~/Data.xml"

TransformSource="~/Data.xsl">

</asp:Xml>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip

[C#/ASP.NET] FileUpload 클래스 : 파일 업로드하기

■ FileUpload 클래스를 사용해 파일을 업로드하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>FileUpload 클래스를 사용해 파일 업로드하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:FileUpload ID="fileUpload" runat="server" />
                <br />
                <asp:LinkButton ID="uploadButton" runat="server"
                    Text="업로드"
                    OnClick="uploadButton_Click" />
                <br />
                <asp:Label ID="resultLabel" runat="server" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>FileUpload 클래스를 사용해 파일 업로드하기</title>

</head>

<body>

<div>

<asp:FileUpload ID="fileUpload" runat="server" />

<br />

<asp:LinkButton ID="uploadButton" runat="server"

Text="업로드"

OnClick="uploadButton_Click" />

<br />

<asp:Label ID="resultLabel" runat="server" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.IO;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
        #region 업로드 버튼 클릭시 처리하기 - uploadButton_Click(sender, e)

        /// <summary>
        /// 업로드 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void uploadButton_Click(object sender, EventArgs e)
        {
            if(this.fileUpload.HasFile)
            {
                string filePath = Path.Combine(Server.MapPath("."), "Upload", this.fileUpload.FileName);

                this.fileUpload.SaveAs(filePath);

                this.resultLabel.Text = string.Format
                (
                    "<a href='./upload/{0}'>{0}</a>",
                    Server.UrlEncode(this.fileUpload.FileName)
                );
            }
        }

        #endregion
    }
}

using System;

using System.IO;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

#region 업로드 버튼 클릭시 처리하기 - uploadButton_Click(sender, e)

/// <summary>

/// 업로드 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void uploadButton_Click(object sender, EventArgs e)

{

if(this.fileUpload.HasFile)

{

string filePath = Path.Combine(Server.MapPath("."), "Upload", this.fileUpload.FileName);

this.fileUpload.SaveAs(filePath);

this.resultLabel.Text = string.Format

(

"<a href='./upload/{0}'>{0}</a>",

Server.UrlEncode(this.fileUpload.FileName)

);

}

#endregion

}

TestProject.zip

[C#/ASP.NET] AdRotator 클래스 사용하기

■ AdRotator 클래스를 사용하는 방법을 보여준다. ▶ MainPage.xml


<?xml version="1.0" encoding="utf-8" ?>
<Advertisements>
    <Ad>
        <ImageUrl>~/image/image1.png</ImageUrl>
        <NavigateUrl>http://www.daum.net/</NavigateUrl>
        <AlternateText>다음</AlternateText>
        <Keyword>다음</Keyword>
        <Impressions>25</Impressions>
    </Ad>
    <Ad>
        <ImageUrl>~/image/image2.png</ImageUrl>
        <NavigateUrl>http://www.naver.com/</NavigateUrl>
        <AlternateText>네이버</AlternateText>
        <Keyword>네이버</Keyword>
        <Impressions>25</Impressions>
    </Ad>
    <Ad>
        <ImageUrl>~/image/image3.png</ImageUrl>
        <NavigateUrl>http://www.google.com/</NavigateUrl>
        <AlternateText>구글</AlternateText>
        <Keyword>구글</Keyword>
        <Impressions>25</Impressions>
    </Ad>
    <Ad>
        <ImageUrl>~/image/image4.png</ImageUrl>
        <NavigateUrl>http://www.nate.com/</NavigateUrl>
        <AlternateText>네이트</AlternateText>
        <Keyword>네이트</Keyword>
        <Impressions>25</Impressions>
    </Ad>
</Advertisements>

<?xml version="1.0" encoding="utf-8" ?>

<Ad>

<ImageUrl>~/image/image1.png</ImageUrl>

</Ad>

<Ad>

<ImageUrl>~/image/image2.png</ImageUrl>

<NavigateUrl>http://www.naver.com/</NavigateUrl>

</Ad>

<Ad>

<ImageUrl>~/image/image3.png</ImageUrl>

<NavigateUrl>http://www.google.com/</NavigateUrl>

</Ad>

<Ad>

<ImageUrl>~/image/image4.png</ImageUrl>

</Ad>

</Advertisements>

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>AdRotator 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:AdRotator ID="adRotator" runat="server"
                    Width="32px"
                    Height="32px"
                    AdvertisementFile="~/MainPage.xml" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>AdRotator 클래스 사용하기</title>

</head>

<body>

<div>

<asp:AdRotator ID="adRotator" runat="server"

Width="32px"

Height="32px"

AdvertisementFile="~/MainPage.xml" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip

[C#/ASP.NET] Calendar 클래스 : 스타일 설정하기

■ Calendar 클래스에서 스타일을 설정하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Calendar 클래스 : 스타일 설정하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:Calendar ID="calendar" runat="server"
                    Width="220px"
                    Height="200px"
                    BorderWidth="1px"
                    BorderColor="RoyalBlue"
                    BackColor="White"
                    Font-Names="나눔고딕코딩"
                    Font-Size="16pt"
                    ForeColor="Black"
                    DayNameFormat="Shortest"
                    ShowGridLines="True">
                    <DayHeaderStyle
                        Height="1px"
                        BackColor="RoyalBlue"
                        ForeColor="White"
                        Font-Bold="True">
                    </DayHeaderStyle>
                    <NextPrevStyle
                        Font-Size="16pt"
                        ForeColor="Black">
                    </NextPrevStyle>
                    <OtherMonthDayStyle ForeColor="#CC9966" />
                    <SelectedDayStyle
                        BackColor="#CCCCFF"
                        Font-Bold="True">
                    </SelectedDayStyle>
                    <SelectorStyle BackColor="#FFCC66" />
                    <TitleStyle
                        BackColor="White"
                        Font-Bold="True"
                        Font-Size="16pt"
                        ForeColor="Black">
                    </TitleStyle>
                    <TodayDayStyle
                        BackColor="#FFCC66"
                        ForeColor="White">
                    </TodayDayStyle>
                </asp:Calendar>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>Calendar 클래스 : 스타일 설정하기</title>

</head>

<body>

<div>

<asp:Calendar ID="calendar" runat="server"

Width="220px"

Height="200px"

BorderWidth="1px"

BorderColor="RoyalBlue"

BackColor="White"

Font-Names="나눔고딕코딩"

Font-Size="16pt"

ForeColor="Black"

DayNameFormat="Shortest"

ShowGridLines="True">

<DayHeaderStyle

Height="1px"

BackColor="RoyalBlue"

ForeColor="White"

Font-Bold="True">

</DayHeaderStyle>

<NextPrevStyle

Font-Size="16pt"

ForeColor="Black">

</NextPrevStyle>

<SelectedDayStyle

BackColor="#CCCCFF"

Font-Bold="True">

</SelectedDayStyle>

<TitleStyle

BackColor="White"

Font-Bold="True"

Font-Size="16pt"

ForeColor="Black">

</TitleStyle>

<TodayDayStyle

BackColor="#FFCC66"

ForeColor="White">

</TodayDayStyle>

</asp:Calendar>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip

[C#/ASP.NET] Calendar 클래스 : SelectionChanged 이벤트 사용하기

■ Calendar 클래스의 SelectionChanged 이벤트를 사용하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Calendar 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:Calendar ID="calendar" runat="server"
                    OnSelectionChanged="calendar_SelectionChanged">
                </asp:Calendar>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>Calendar 클래스 사용하기</title>

</head>

<body>

<div>

<asp:Calendar ID="calendar" runat="server"

OnSelectionChanged="calendar_SelectionChanged">

</asp:Calendar>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
        #region 캘린더 선택 변경시 처리하기 - calendar_SelectionChanged(sender, e)

        /// <summary>
        /// 캘린더 선택 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void calendar_SelectionChanged(object sender, EventArgs e)
        {
            Response.Write(this.calendar.SelectedDate.ToShortDateString() + "<hr />");
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

#region 캘린더 선택 변경시 처리하기 - calendar_SelectionChanged(sender, e)

/// <summary>

/// 캘린더 선택 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void calendar_SelectionChanged(object sender, EventArgs e)

{

Response.Write(this.calendar.SelectedDate.ToShortDateString() + "<hr />");

}

#endregion

}

TestProject.zip

[C#/ASP.NET] Literal 클래스 사용하기

■ Literal 클래스를 사용하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true"  CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Literal 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                현재 날짜 : <asp:Literal ID="literal" runat="server" />
                <br />
                <br />
                현재 시간 : <asp:Label ID="label" runat="server" />
                <br />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>Literal 클래스 사용하기</title>

</head>

<body>

<div>

현재 날짜 : <asp:Literal ID="literal" runat="server" />

<br />

현재 시간 : <asp:Label ID="label" runat="server" />

<br />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            this.literal.Text = DateTime.Now.ToShortDateString();

            this.label.Text = DateTime.Now.ToShortTimeString();
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

this.literal.Text = DateTime.Now.ToShortDateString();

this.label.Text = DateTime.Now.ToShortTimeString();

}

#endregion

}

TestProject.zip

[C#/ASP.NET] HiddenField 클래스 사용하기

■ HiddenField 클래스를 사용하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>HiddenField 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:HiddenField ID="hiddenField" runat="server" />
                <asp:Button ID="printButton" runat="server"
                    Text="출력"
                    OnClick="printButton_Click" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>HiddenField 클래스 사용하기</title>

</head>

<body>

<div>

<asp:HiddenField ID="hiddenField" runat="server" />

<asp:Button ID="printButton" runat="server"

Text="출력"

OnClick="printButton_Click" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            if(!Page.IsPostBack)
            {
                this.hiddenField.Value = DateTime.Now.ToShortTimeString();
            }
        }

        #endregion
        #region 출력 버튼 클릭시 처리하기 - printButton_Click(sender, e)

        /// <summary>
        /// 출력 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void printButton_Click(object sender, EventArgs e)
        {
            Response.Write(this.hiddenField.Value);
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

if(!Page.IsPostBack)

{

this.hiddenField.Value = DateTime.Now.ToShortTimeString();

}

#endregion

#region 출력 버튼 클릭시 처리하기 - printButton_Click(sender, e)

/// <summary>

/// 출력 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void printButton_Click(object sender, EventArgs e)

{

Response.Write(this.hiddenField.Value);

}

#endregion

}

TestProject.zip

[C#/ASP.NET] RadioButtonList 클래스 사용하기

■ RadioButtonList 클래스를 사용하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>RadioButtonList 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
        <div>
            <asp:RadioButtonList ID="radioButtonList" runat="server"
                RepeatDirection="Horizontal">
                <asp:ListItem Selected="True">남자</asp:ListItem>
                <asp:ListItem>여자</asp:ListItem>
            </asp:RadioButtonList>
            <asp:Button ID="printButton" runat="server"
                Text="출력"
                OnClick="printButton_Click" />
        </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>RadioButtonList 클래스 사용하기</title>

</head>

<body>

<div>

<asp:RadioButtonList ID="radioButtonList" runat="server"

RepeatDirection="Horizontal">

<asp:ListItem Selected="True">남자</asp:ListItem>

<asp:ListItem>여자</asp:ListItem>

</asp:RadioButtonList>

<asp:Button ID="printButton" runat="server"

Text="출력"

OnClick="printButton_Click" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
        #region 출력 버튼 클릭시 처리하기 - printButton_Click(sender, e)

        /// <summary>
        /// 출력 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void printButton_Click(object sender, EventArgs e)
        {
            if(this.radioButtonList.SelectedItem.Text == "남자")
            {
                Response.Write("남자 <br />");
            }
            else
            {
                Response.Write("여자 <br />");
            }
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

#region 출력 버튼 클릭시 처리하기 - printButton_Click(sender, e)

/// <summary>

/// 출력 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void printButton_Click(object sender, EventArgs e)

{

if(this.radioButtonList.SelectedItem.Text == "남자")

{

Response.Write("남자 <br />");

}

else

{

Response.Write("여자 <br />");

}

#endregion

}

TestProject.zip

[C#/ASP.NET] RadioButton 클래스 사용하기

■ RadioButton 클래스를 사용하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>RadioButton 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:RadioButton ID="radioButton1" runat="server"
                    GroupName="Gender" />
                <asp:RadioButton ID="radioButton2" runat="server"
                    GroupName="Gender" />
                <asp:Button ID="printButton" runat="server"
                    Text="출력"
                    OnClick="printButton_Click" />
                <hr />
                <asp:Label ID="displayLabel" runat="server" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>RadioButton 클래스 사용하기</title>

</head>

<body>

<div>

<asp:RadioButton ID="radioButton1" runat="server"

GroupName="Gender" />

<asp:RadioButton ID="radioButton2" runat="server"

GroupName="Gender" />

<asp:Button ID="printButton" runat="server"

Text="출력"

OnClick="printButton_Click" />

<hr />

<asp:Label ID="displayLabel" runat="server" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            this.radioButton1.Text = "남자";
            this.radioButton2.Text = "여자";
        }

        #endregion
        #region 출력 버튼 클릭시 처리하기 - printButton_Click(sender, e)

        /// <summary>
        /// 출력 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void printButton_Click(object sender, EventArgs e)
        {
            if(this.radioButton1.Checked)
            {
                this.displayLabel.Text = "남자";
            }
            else
            {
                this.displayLabel.Text = "여자";
            }
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

this.radioButton1.Text = "남자";

this.radioButton2.Text = "여자";

}

#endregion

#region 출력 버튼 클릭시 처리하기 - printButton_Click(sender, e)

/// <summary>

/// 출력 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void printButton_Click(object sender, EventArgs e)

{

if(this.radioButton1.Checked)

{

this.displayLabel.Text = "남자";

}

else

{

this.displayLabel.Text = "여자";

}

#endregion

}

TestProject.zip

[C#/ASP.NET] CheckBoxList 클래스 사용하기

■ CheckBoxList 클래스를 사용하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>CheckBoxList 클래스 사용하기</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <asp:CheckBoxList ID="checkBoxList" runat="server"
                    RepeatDirection="Horizontal"
                    RepeatLayout="Flow"
                    RepeatColumns="2">
                    <asp:ListItem Selected="True">축구</asp:ListItem>
                    <asp:ListItem>농구</asp:ListItem>
                    <asp:ListItem>배구</asp:ListItem>
                </asp:CheckBoxList>
                <hr />
                <asp:LinkButton ID="printButton" runat="server"
                    Text="출력"
                    OnClick="printButton_Click" />
                <hr />
                <asp:Label ID="displayLabel" runat="server" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>CheckBoxList 클래스 사용하기</title>

</head>

<body>

<div>

<asp:CheckBoxList ID="checkBoxList" runat="server"

RepeatDirection="Horizontal"

RepeatLayout="Flow"

RepeatColumns="2">

<asp:ListItem Selected="True">축구</asp:ListItem>

<asp:ListItem>농구</asp:ListItem>

<asp:ListItem>배구</asp:ListItem>

</asp:CheckBoxList>

<hr />

<asp:LinkButton ID="printButton" runat="server"

Text="출력"

OnClick="printButton_Click" />

<hr />

<asp:Label ID="displayLabel" runat="server" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Text;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
        #region 출력 버튼 클릭시 처리하기 - printButton_Click(sender, e)

        /// <summary>
        /// 출력 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void printButton_Click(object sender, EventArgs e)
        {
            StringBuilder stringBuilder = new StringBuilder();

            for(int i = 0; i < this.checkBoxList.Items.Count; i++)
            {
                if(this.checkBoxList.Items[i].Selected)
                {
                    stringBuilder.Append(this.checkBoxList.Items[i].Text);
                    stringBuilder.Append("<br />");
                }
            }

            this.displayLabel.Text = stringBuilder.ToString();
        }

        #endregion
    }
}

using System;

using System.Text;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

#region 출력 버튼 클릭시 처리하기 - printButton_Click(sender, e)

/// <summary>

/// 출력 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void printButton_Click(object sender, EventArgs e)

{

StringBuilder stringBuilder = new StringBuilder();

for(int i = 0; i < this.checkBoxList.Items.Count; i++)

{

if(this.checkBoxList.Items[i].Selected)

{

stringBuilder.Append(this.checkBoxList.Items[i].Text);

stringBuilder.Append("<br />");

}

this.displayLabel.Text = stringBuilder.ToString();

}

#endregion

}

TestProject.zip