FrmPanel
.NET프로그래밍/ASP.NET 3.5 SP1 2009. 10. 8. 09:57 |
==> [FrmPanel.aspx] 소스 및 디자인
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FrmPanel.aspx.cs" Inherits="FrmPanel" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h3>레이어의 역할</h3>
<div style="background-color:Green;">레이어</div>
<asp:Panel ID="Panel1" runat="server"
BackColor="Yellow"
BorderColor="Red"
Width="70px" Height="50px"
ScrollBars="Auto"
Wrap="true"
>
안녕하세요<br />
안녕하세요<br />
안녕하세요<br />
안녕하세요<br />
안녕하세요<br />
</asp:Panel>
<asp:Button ID="Button1" runat="server" Text="동적변경" onclick="Button1_Click" />
<h3>그룹박스의 역할</h3>
<fieldset>
<legend>제목</legend>
<p>내용</p>
</fieldset>
<asp:Panel ID="grpBox" runat="server"
GroupingText="공지사항" Width="100px">
반갑습니다.<br />
</asp:Panel>
</div>
</form>
</body>
</html>
<!-- "패널(Panel)컨트롤"은 "레이어(영역 컨트롤)"이다. '패널컨트롤'은 '<div>컨트롤'로 묶여진다. -->
-------------------------------------------------------------------------------------
==> [FrmPanel.aspx.cs] 소스
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Drawing;
public partial class FrmPanel : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
this.Panel1.BackColor = Color.Gray;
this.Panel1.Width = Unit.Pixel(200);
this.Panel1.BorderStyle = BorderStyle.Dotted;
}
}
-------------------------------------------------------------------------------------
[실행결과]
--> 실행 후 웹 페이지에 출력된 첫 화면. 아래그림에서 "패널(Panel)"컨트롤 아래에 있는 '동적변경'버튼을 마우스로 클릭해보면...
--> '동적변경'버튼 위의 "패널(Panel)"컨트롤이 "동적"으로 변경되었다.(이는 '정적'인 "HTML태그"와 대비되는 "ASP.NET 서버 컨트롤"의 특징이자 장점이다.)
'.NET프로그래밍 > ASP.NET 3.5 SP1' 카테고리의 다른 글
| FrmHtml (0) | 2009.10.08 |
|---|---|
| FrmPlaceHolder (자리표시자) (0) | 2009.10.08 |
| FrmXml (XML 컨트롤) (0) | 2009.10.08 |
| FrmAdRotator (광고 컨트롤) (0) | 2009.10.07 |
| FrmCalendar (0) | 2009.10.07 |