14. 이제 다음과 같이 직접 코드를 입력해서 출력 모양을 설정한다. 리피터 컨트롤 안에 <HeaderTemplate> 섹션부터 <FooterTemplate> 섹션까지의 코드를 추가한다.
▼ FrmRepeater.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FrmRepeater.aspx.cs" Inherits="DevDataControl.FrmRepeater" %> <!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>Repeater 컨트롤</title> </head> <body> <form id="form1" runat="server"> <div> <asp:Repeater ID="ctlMemoList" runat="server" DataSourceID="sdsMemoList"> <HeaderTemplate> <table border="0"> <tr><td>제목</td></tr> </HeaderTemplate> <ItemTemplate> <tr><td><%# Eval("Title") %></td><tr> </ItemTemplate> <AlternatingItemTemplate> <tr><td style="background-color:yellow;"> <%# Eval("Title") %></td></tr> </AlternatingItemTemplate> <SeparatorTemplate> <tr><td style="height:1px;background-color:Red;"></td></tr> </SeparatorTemplate> <FooterTemplate> <tr><td>완료</td></tr> </table> </FooterTemplate> </asp:Repeater> <asp:SqlDataSource ID="sdsMemoList" runat="server" ConnectionString="<%$ ConnectionStrings:DevADONETConnectionString %>" SelectCommand= "SELECT [Num], [Name], [Title] FROM [Memos] ORDER BY [Num] DESC"> </asp:SqlDataSource> </div> </form> </body> </html>
<%# Eval("열이름") %> 형태로 각각의 데이터를 출력할 수 있다. <HeaderTemplate> 섹션과 <FooterTemplate>은 데이터 출력의 시작과 끝을 나타낸다. <ItemTemplate> 섹션은 가장 기본이 되는 데이터가 반복되는 영역인데 <AlternatingItemTemplate>을 사용해 홀수 번째와 짝수 번째를 다르게 표현할 수 있다. <SeparatorTemplate> 섹션은 데이터 중간에 구분자 역할을 하는 행을 추가로 둘 수 있다.