■ Panel 클래스를 사용하는 방법을 보여준다.
▶ MainPage.aspx
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
<%@ 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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 |
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 } } |
