TreeView 웹 서버 컨트롤에서 트리 노드 채우기

아티클
10/22/2014

업데이트: 2007년 11월

TreeView 웹 서버 컨트롤에서는 사용자 작업에 대한 응답으로 여러 형식의 데이터를 표시할 수 있습니다. 이러한 데이터에는 컨트롤에 선언적으로 지정된 정적 데이터, 컨트롤에 바인딩된 데이터, TreeView 컨트롤에 동적으로 추가된 데이터가 포함됩니다.

정적 데이터 표시

가장 간단한 데이터 스키마는 선언적 정적 데이터입니다. 선언 구문을 사용하여 정적 데이터를 표시하려면 TreeView 컨트롤의 자식 노드가 포함된 컬렉션을 만듭니다.

다음 예제에서는 세 개의 노드가 포함되어 있고 이 중 두 개에 자식 노드가 포함되어 있는 TreeView 컨트롤의 태그를 보여 줍니다.

<asp:TreeView ID="TreeView1" Runat="server">
  <Nodes>
    <asp:TreeNode Value="Parent1" Expanded="True" Text="1">
      <asp:TreeNode Value="Child1A" Text="A" />
        <asp:TreeNode Value="Child1B" Text="B" />
    </asp:TreeNode>
    <asp:TreeNode Value="Parent2" Text="2">
    </asp:TreeNode>
    <asp:TreeNode Value="Parent3" Expanded="True" Text="3">
      <asp:TreeNode Value="Child3A" Text="A">
      </asp:TreeNode>
    </asp:TreeNode>
  </Nodes>
</asp:TreeView>

데이터 소스에 바인딩

컨트롤에 선언적으로 바인딩된 데이터를 표시하려면 먼저 페이지에 XmlDataSource 컨트롤과 같은 계층적 데이터 소스 컨트롤을 추가하고 이 컨트롤에 ID를 할당합니다. 그런 다음 TreeView 컨트롤의 DataSourceID 속성을 데이터 소스 컨트롤의 ID로 설정합니다. TreeView 컨트롤에서는 데이터 소스에 자동으로 바인딩하여 해당 값을 표시할 수 있습니다.

참고:
TreeView 컨트롤에서는 SiteMapDataSource 개체나 XmlDataSource 개체 같은 IHierarchicalDataSource 인터페이스를 구현하는 모든 데이터 소스 컨트롤에 바인딩할 수 있습니다.

여러 특성을 사용하는 XML 요소와 같이 각 데이터 항목에 여러 속성이 포함된 데이터 소스에 바인딩하면 기본적으로 데이터 항목의 ToString 메서드에서 반환된 값이 노드에 표시됩니다. XML 요소의 경우에는 노드에 요소 이름이 표시됩니다. 이 스키마는 트리의 기본 구조를 보여 주지만 그 외에는 별로 유용하지 않습니다. DataBindings 컬렉션으로 트리 노드 바인딩을 지정하면 특정 데이터 항목 속성에 노드를 바인딩할 수 있습니다. DataBindings 컬렉션에는 바인딩할 데이터 항목과 대상 노드의 관계를 정의하는 TreeNodeBinding 개체가 포함되어 있습니다. 바인딩 기준과 노드에 표시할 데이터 항목 속성을 지정할 수 있습니다. 트리 노드 바인딩에 대한 자세한 내용은 TreeNodeBinding을 참조하십시오.

참고:
TreeView 컨트롤에서는 또한 수동 데이터 바인딩을 위한 DataSource 속성과 DataBind 메서드를 제공합니다.

동적으로 데이터 표시

데이터 구조를 정적으로 정의하는 것은 실용적이지 않을 수 있습니다. 또는 런타임에 수집하는 정보에 따라 데이터가 달라질 수도 있습니다. 클라이언트에서 부모 노드가 확장될 때 서버측 코드에서 프로그래밍 방식으로 TreeView 컨트롤의 Nodes 컬렉션에 TreeNode 개체를 채우거나 TreeView 컨트롤의 PopulateOnDemand 기능을 사용하여 노드를 동적으로 채울 수 있습니다. 자세한 내용은 TreeView 웹 서버 컨트롤에 데이터 바인딩을 참조하십시오.