첨부 실행 코드는 나눔고딕코딩 폰트를 사용합니다.
728x90
반응형
728x170

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>

 

728x90

 

▶ 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

댓글을 달아 주세요