방법: XAML에서 뷰를 사용하여 데이터 정렬 및 그룹화

  • 아티클

이 예제에서는 XAML(Extensible Application Markup Language)에서 데이터 컬렉션의 뷰를 만드는 방법을 보여 줍니다. 뷰를 사용하면 그룹화, 정렬, 필터링 및 현재 항목의 개념을 사용할 수 있습니다.

예제

다음 예제에서 places라는 정적 리소스는 각 Place 개체가 도시 이름과 상태로 구성된 Place 개체의 컬렉션으로 정의됩니다. 접두사 src는 데이터 원본 Places가 정의된 네임스페이스에 매핑됩니다. 접두사 scm은 "clr-namespace:System.ComponentModel;assembly=WindowsBase"에 매핑되고 dat는 "clr-namespace:System.Windows.Data;assembly=PresentationFramework"에 매핑됩니다.

다음 예제에서는 도시 이름을 기준으로 정렬되고 주별로 그룹화된 데이터 컬렉션의 뷰를 만듭니다.

<Window.Resources>

  <src:Places x:Key="places"/>

  <CollectionViewSource Source="{StaticResource places}" x:Key="cvs">
    <CollectionViewSource.SortDescriptions>
      <scm:SortDescription PropertyName="CityName"/>
    </CollectionViewSource.SortDescriptions>
    <CollectionViewSource.GroupDescriptions>
      <dat:PropertyGroupDescription PropertyName="State"/>
    </CollectionViewSource.GroupDescriptions>
  </CollectionViewSource>

뷰는 다음 예제와 같이 바인딩 소스가 될 수 있습니다.

<ListBox ItemsSource="{Binding Source={StaticResource cvs}}"
         DisplayMemberPath="CityName" Name="lb">
  <ListBox.GroupStyle>
    <x:Static Member="GroupStyle.Default"/>
  </ListBox.GroupStyle>
</ListBox>

XmlDataProvider 리소스에 정의된 XML 데이터에 대한 바인딩의 경우 @ 기호를 사용하여 XML 이름 앞에 옵니다.

<XmlDataProvider x:Key="myTasks" XPath="Tasks/Task">
    <x:XData>
        <Tasks xmlns="">
            <Task Name="Groceries" Priority="2" Type="Home">

<CollectionViewSource x:Key="mySortedTasks"
                      Source="{StaticResource myTasks}">
    <CollectionViewSource.SortDescriptions>
        <scm:SortDescription PropertyName="@Priority" />
    </CollectionViewSource.SortDescriptions>
    <CollectionViewSource.GroupDescriptions>
        <dat:PropertyGroupDescription PropertyName="@Priority" />
    </CollectionViewSource.GroupDescriptions>
</CollectionViewSource>

참고 항목