기술 자료: 306154 - 마지막 검토: 2006년 5월 22일 월요일 - 수정: 4.6

중첩된 Repeater 컨트롤과 Visual C# .NET을 사용하여 계층 데이터를 표시하는 방법

이 문서가 적용되는 제품 보기.

시스템 팁본 문서의 내용은 귀하가 사용하는 운영 체제와 다른 운영 체제에 해당합니다. 문서 내용 중 귀하와 관련 없는 부분은 표시되지 않습니다.

이 문서는 이전에 다음 ID로 출판되었음: KR306154

이 페이지에서

모두 확대 | 모두 축소

요약

이 문서에서는 중첩된 Repeater 컨트롤을 사용하여 계층 데이터를 표시하는 방법을 설명합니다. 이 개념은 다른 목록 바운드 컨트롤에 적용할 수 있습니다.

위로 가기

부모 테이블에 바인딩

Microsoft Visual Studio .NET을 시작합니다.
파일 메뉴에서 새로 만들기를 가리킨 다음 프로젝트를 누릅니다.
프로젝트 형식에서 Visual C# 프로젝트를 누른 다음 템플릿에서 ASP.NET 웹 응용 프로그램을 누릅니다.
위치 상자에서 WebApplication#를 삭제한 다음 NestedRepeater를 입력합니다. 로컬 서버를 사용하면 http://localhost라는 서버 이름을 그대로 사용합니다. 다음 경로가 위치 상자에 나타납니다.
http://localhost/ NestedRepeater
확인을 누릅니다.
솔루션 탐색기에서 NestedRepeater 프로젝트 이름 노드를 마우스 오른쪽 단추로 누르고 추가를 가리킨 다음 Web Form 추가를 누릅니다.
Web Form의 이름을 지정하려면 NestedRepeater를 입력하고 열기를 누릅니다.
새 Web Form이 만들어집니다. 새 Web Form은 Microsoft Visual Studio .NET IDE(통합 개발 환경)의 디자인 보기에서 열립니다. 도구 모음에서 Repeater 컨트롤을 선택한 다음 Web Form 페이지로 끕니다.
이 Repeater 컨트롤의 ID 속성을 parentRepeater로 변경합니다.
이 Web Form의 HTML 보기로 전환합니다. 이렇게 하려면 디자이너의 왼쪽 맨 아래에 있는 HTML 탭을 누릅니다. Repeater 컨트롤이 다음 HTML 코드를 생성합니다.
<asp:Repeater id="parentRepeater" runat="server"></asp:Repeater>

다음 코드를 Repeater 태그에 추가합니다.

<itemtemplate>
     <b><%# DataBinder.Eval(Container.DataItem, "au_id") %></b><br>
</itemtemplate>

이렇게 한 후 Repeater의 HTML 코드는 다음과 같습니다.

<asp:Repeater id="parentRepeater" runat="server">
	<itemtemplate>
	     <b><%# DataBinder.Eval(Container.DataItem, "au_id") %></b><br>	
      </itemtemplate>
</asp:Repeater>

솔루션 탐색기에서 NestedRepeater.aspx를 마우스 오른쪽 단추로 누른 다음 코드 보기를 눌러 NestedRepeater.aspx.cs 코드 숨김 파일로 전환합니다.
다음 네임스페이스 선언을 파일 맨 위에 추가합니다.
using System.Data; using System.Data.SqlClient;

다음 코드를 Page_Load 이벤트에 추가하여 Pubs 데이터베이스에 연결한 다음 Authors 테이블을 Repeater 컨트롤에 바인딩합니다.

      public void Page_Load(object sender, EventArgs e)
      {
         //Create the connection and DataAdapter for the Authors table.
         SqlConnection cnn = new SqlConnection("server=(local);database=pubs; Integrated Security=SSPI");
         SqlDataAdapter cmd1 = new SqlDataAdapter("select * from authors",cnn);

         //Create and fill the DataSet.
         DataSet ds = new DataSet();
         cmd1.Fill(ds,"authors");
         //Insert code in step 4 of the next section here.
         //Bind the Authors table to the parent Repeater control, and call DataBind.
         parentRepeater.DataSource = ds.Tables["authors"];
         Page.DataBind();

         //Close the connection.
         cnn.Close();
       }

참고: 사용자 환경에 맞게 데이터베이스 연결 문자열을 수정해야 할 수 있습니다.

파일을 모두 저장합니다.
솔루션 탐색기에서 NestedRepeater.aspx를 마우스 오른쪽 단추로 누른 다음 시작 페이지로 설정을 누릅니다.
빌드 메뉴에서 솔루션 빌드를 눌러 프로젝트를 컴파일합니다.
브라우저에서 .aspx 페이지를 검토하여 페이지가 지금까지 작동하는지 확인합니다.

출력은 다음과 같이 나타나야 합니다.
- 172-32-1176
- 213-46-8915
- 238-95-7766
- 267-41-2394
- ...

위로 가기

자식 테이블에 바인딩

NestedRepeater.aspx 페이지의 HTML 보기에서 다음 코드 줄을 찾습니다.

<b><%# DataBinder.Eval(Container.DataItem, "au_id") %></b><br>

이 코드 뒤에 다음 코드를 추가합니다.

<asp:repeater id="childRepeater" runat="server">
		<itemtemplate>
	            <%# DataBinder.Eval(Container.DataItem, "[\"title_id\"]")%><br>
		</itemtemplate>
</asp:repeater>

이 새 코드에서는 두 번째 Repeater 컨트롤을 부모 Repeater 컨트롤의 ItemTemplate 속성에 추가합니다.

자식 Repeater 컨트롤의 DataSource 속성을 다음과 같이 설정합니다.

<asp:repeater ... datasource='<%# ((DataRowView)Container.DataItem)
      .Row.GetChildRows("myrelation") %>' >

자식 Repeater 컨트롤의 DataSource 속성을 설정한 후 두 Repeater 컨트롤(부모 및 자식)의 HTML 코드는 다음과 같습니다.

<asp:Repeater id="parentRepeater" runat="server">
	<itemtemplate>
		<b>
		 <%# DataBinder.Eval(Container.DataItem, "au_id") %>
		</b>
		<br>
		<asp:repeater id="childRepeater" runat="server" 
                    datasource='<%# ((DataRowView)Container.DataItem)
      .Row.GetChildRows("myrelation") %>' >
			<itemtemplate>
				<%# DataBinder.Eval(Container.DataItem, "[\"title_id\"]")%><br>	
			</itemtemplate>
		</asp:Repeater> 
	</itemtemplate>
</asp:Repeater>

다음 페이지 지시문을 페이지 맨 위에 추가합니다.
<%@ Import Namespace="System.Data" %>

코드 숨김 페이지의 Page_Load 이벤트에서 다음 줄을 찾습니다.

//Insert code in step 4 of the next section here.

이 코드를 다음 코드로 바꿉니다.

         //Create a second DataAdapter for the Titles table.
         SqlDataAdapter cmd2 = new SqlDataAdapter("select * from titleauthor",cnn);
         cmd2.Fill(ds,"titles");

         //Create the relation between the Authors and Titles tables.
         ds.Relations.Add("myrelation",
         ds.Tables["authors"].Columns["au_id"],
         ds.Tables["titles"].Columns["au_id"]);

이렇게 하면 Titles 테이블이 DataSet에 추가된 다음 Authors 및 Titles 테이블 간의 관계가 추가됩니다.

응용 프로그램을 저장하고 컴파일합니다.
브라우저에서 페이지를 검토하여 페이지가 지금까지 작동하는지 확인합니다. 출력은 다음과 같이 나타나야 합니다.
172-32-1176
PS3333
213-46-8915
BU1032
BU2075
238-95-7766
PC1035
267-41-2394
BU1111
TC7777
...

위로 가기

전체 코드 예제

Nestedrepeater.aspx

<%@ Page language="c#" Codebehind="NestedRepeater.aspx.cs" AutoEventWireup="false" Inherits="NestedRepeater.NestedRepeater" %>
<%@ Import Namespace="System.Data" %>

<html>
<body>
<form runat=server>

<!-- start parent repeater -->
<asp:repeater id="parentRepeater" runat="server">
   <itemtemplate>
      <b><%# DataBinder.Eval(Container.DataItem,"au_id") %></b><br>

      <!-- start child repeater -->
      <asp:repeater id="childRepeater" datasource='<%# ((DataRowView)Container.DataItem)
      .Row.GetChildRows("myrelation") %>' runat="server">

         <itemtemplate>
            <%# DataBinder.Eval(Container.DataItem, "[\"title_id\"]")%><br>
         </itemtemplate>
      </asp:repeater>
      <!-- end child repeater -->

   </itemtemplate>
</asp:repeater>
<!-- end parent repeater -->

</form>
</body>
</html>

Nestedrepeater.aspx.cs

using System;
using System.Data;
using System.Data.SqlClient;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace NestedRepeater
{
   public class NestedRepeater : System.Web.UI.Page
   {
      protected System.Web.UI.WebControls.Repeater parentRepeater;
      public NestedRepeater()
      {
         Page.Init += new System.EventHandler(Page_Init);
      }
      public void Page_Load(object sender, EventArgs e)
      {
         //Create the connection and DataAdapter for the Authors table.
         SqlConnection cnn = new SqlConnection("server=(local);database=pubs; Integrated Security=SSPI ;");
         SqlDataAdapter cmd1 = new SqlDataAdapter("select * from authors",cnn);

         //Create and fill the DataSet.
         DataSet ds = new DataSet();
         cmd1.Fill(ds,"authors");

         //Create a second DataAdapter for the Titles table.
         SqlDataAdapter cmd2 = new SqlDataAdapter("select * from titleauthor",cnn);
         cmd2.Fill(ds,"titles");

         //Create the relation bewtween the Authors and Titles tables.
         ds.Relations.Add("myrelation",
         ds.Tables["authors"].Columns["au_id"],
         ds.Tables["titles"].Columns["au_id"]);

         //Bind the Authors table to the parent Repeater control, and call DataBind.
         parentRepeater.DataSource = ds.Tables["authors"];
         Page.DataBind();

         //Close the connection.
         cnn.Close();
      }
      private void Page_Init(object sender, EventArgs e)
      {
         InitializeComponent();
      }
      private void InitializeComponent()
      {    
         this.Load += new System.EventHandler(this.Page_Load);
      }
   }
}

위로 가기