ASP.NET & Core를 다루는 기술: 15.5.2 따라하기

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> 섹션은 데이터 중간에 구분자 역할을 하는 행을 추가로 둘 수 있다.

신간 소식 구독하기

뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.