Panel Control
Reference: MSDN
ASP.NET 2.0 웹 프로젝트와 실전 프로그래밍
====================================
Panel 컨트롤은 다른 컨트롤에 대한 컨테이너입니다. 이 컨트롤은 컨트롤을 프로그래밍 방식으로 생성하거나 컨트롤 그룹을 숨기고 표시하거나 컨트롤 그룹을 지역화하는 경우 특히 유용합니다.
Direction 속성은 Panel 컨트롤의 내용을 지역화하여 아랍어 또는 히브리어와 같이 오른쪽에서 왼쪽으로 쓰는 언어의 텍스트를 표시하는 데 유용합니다.
Panel 컨트롤은 동작을 사용자 지정하고 해당 내용을 표시할 수 있는 몇 가지 속성을 제공합니다. Panel 컨트롤의 사용자 지정 이미지를 표시하려면 BackImageUrl 속성을 사용합니다. 컨트롤에 대한 스크롤 막대를 지정하려면 ScrollBars 속성을 사용합니다.
ASP.NET 2.0에서 Panel 컨트롤에 추가된 속성은 ScroolBars, GroupingText, DefaultButton 입니다. ScrollBars 속성은 출력할 내용이 많을 경우 그크롤 바가 나타나는 방향을 지정합니다. GroupingText 속성에 문자열이 지정되면 패널의 가장자리로 실선이 나타나고, 상단에는 속성 값으로 설정한 문자열이 출력됩니다. Panel에 포함된 콘트롤 중에서 DefaultButton은 리턴 키를 눌렀을때 포스트백을 일으키는 버튼 컨트롤 (IButtonControl 형식)의 ID를 지정하는 속성입니다.
아래 이에 대한 DEMO 입니다.
============================================================================================
ASP.NET 웹 사이트를 만들고 "Panel"이라는 폴더를 만듭니다. 폴더 안에 "PanelControlTest"라는 WebForm을 추가 합니다.
Result:
============================================================================================
PanelControlTest.aspx
===============
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PanelControlTest.aspx.cs" Inherits="Panel_PanelControlTest" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
void Page_Load(object sender, EventArgs e)
{
StringBuilder sb = new StringBuilder();
for (int i=0; i< 100; i++)
{
sb.AppendLine("Panel Control Test!<br>");
}
this.Panel1.Controls.Add(new LiteralControl(sb.ToString()));
}
protected void Button1_Click(object sender, EventArgs e)
{
Response.Write("Button1 Click!");
}
protected void Button2_Click(object sender, EventArgs e)
{
Response.Write("Button2 Click");
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Panel ID="Panel1" runat="server" Height="200px" Width="300px" ScrollBars="Vertical">
</asp:Panel><br />
<asp:Panel ID="Panel2" runat="server" Width="300px" GroupingText="DefaultButton Test" DefaultButton="Button2">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
<asp:Button ID="Button1" runat="server" Text="Button1" OnClick="Button1_Click" />
<asp:Button ID="Button2" runat="server" Text="Button2" OnClick="Button2_Click" />
</asp:Panel>
</div>
</form>
</body>
</html>
