첨부 실행 코드는 나눔고딕코딩 폰트를 사용합니다.
유용한 소스 코드가 있으면 icodebroker@naver.com으로 보내주시면 감사합니다.
블로그 자료는 자유롭게 사용하세요.

728x90
반응형

■ Panel 클래스 사용하기

------------------------------------------------------------------------------------------------------------------------


TestProject.zip


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>

 

 

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

    }

}

 

------------------------------------------------------------------------------------------------------------------------

728x90
반응형
Posted by 사용자 icodebroker

댓글을 달아 주세요