方法: DataGrid コントロールでデータをグループ化、並べ替え、およびフィルター処理する

  • [アーティクル]

データをグループ化、並べ替え、およびフィルター処理して、さまざまな方法で DataGrid にデータを表示すると便利です。 DataGrid でデータをグループ化、並べ替え、およびフィルター処理するには、これらの関数をサポートする CollectionView にバインドします。 そうすると、基になるソース データに影響を与えることなく、CollectionView 内でデータを操作できます。 コレクション ビューでの変更は、DataGrid ユーザー インターフェイス (UI) に反映されます。

CollectionView クラスは、IEnumerable インターフェイスを実装するデータ ソースに対してグループ化と並べ替えの機能を提供します。 CollectionViewSource クラスを使用すると、XAML から CollectionView のプロパティを設定できます。

この例では、Task オブジェクトのコレクションが CollectionViewSource にバインドされます。 CollectionViewSource は、DataGrid の ItemsSource として使用されます。 グループ化、並べ替え、およびフィルター処理は CollectionViewSource に対して実行され、DataGrid UI に表示されます。

Grouped data in a DataGridDataGrid 内のグループ化されたデータ

ItemsSource としての CollectionViewSource の使用

DataGrid コントロールでデータをグループ化、並べ替え、およびフィルター処理するには、これらの関数をサポートする CollectionView に DataGrid をバインドします。 この例で、DataGrid は、Task オブジェクトの List<T> のためにこれらの関数を提供する CollectionViewSource にバインドされます。

DataGrid を CollectionViewSource にバインドするには

  1. IEnumerable インターフェイスを実装するデータ コレクションを作成します。

    List<T> を使用してコレクションを作成する場合、List<T> のインスタンスをインスタンス化するのではなく、List<T> を継承する新しいクラスを作成する必要があります。 これによって、XAML でコレクションにデータをバインドできるようになります。

    注意

    コレクション内のオブジェクトは、INotifyPropertyChanged 変更済みインターフェイスと IEditableObject インターフェイスを実装する必要があります。これは DataGrid がプロパティの変更や編集に正しく応答できるようにするためです。 詳細については、「プロパティの変更通知を実装する」を参照してください。

    // Requires using System.Collections.ObjectModel;
public class Tasks : ObservableCollection<Task>
{
    // Creating the Tasks collection in this way enables data binding from XAML.
}

    ' Requires Imports System.Collections.ObjectModel
Public Class Tasks
    Inherits ObservableCollection(Of Task)
    ' Creating the Tasks collection in this way enables data binding from XAML.
End Class

  2. XAML で、コレクション クラスのインスタンスを作成し、x:Key ディレクティブを設定します。

  3. XAML で CollectionViewSource クラスのインスタンスを作成し、x:Key ディレクティブを設定して、コレクション クラスのインスタンスを Source として設定します。

    <Window.Resources>
    <local:Tasks x:Key="tasks" />
    <CollectionViewSource x:Key="cvsTasks" Source="{StaticResource tasks}" 
                          Filter="CollectionViewSource_Filter">
    </CollectionViewSource>    
</Window.Resources>

  4. DataGrid クラスのインスタンスを作成し、ItemsSource プロパティを CollectionViewSource に設定します。

    <DataGrid x:Name="dataGrid1" 
          ItemsSource="{Binding Source={StaticResource cvsTasks}}"
          CanUserAddRows="False">

  5. コードから CollectionViewSource にアクセスするには、GetDefaultView メソッドを使用して CollectionViewSource への参照を取得します。

    ICollectionView cvTasks = CollectionViewSource.GetDefaultView(dataGrid1.ItemsSource);

    Dim cvTasks As ICollectionView = CollectionViewSource.GetDefaultView(dataGrid1.ItemsSource)

DataGrid での項目のグループ化

DataGrid で項目をグループ化する方法を指定するには、PropertyGroupDescription の型を使用して、ソース ビュー内の項目をグループ化します。

XAML を使用して DataGrid の項目をグループ化するには

  1. グループ化の基準となるプロパティを指定する PropertyGroupDescription を作成します。 プロパティは、XAML またはコードで指定できます。

    1. XAML では、PropertyName に、グループ化の基準とするプロパティの名前を設定します。

    2. コードでは、グループ化の基準とするプロパティの名前をコンストラクターに渡します。

  2. PropertyGroupDescription を CollectionViewSource.GroupDescriptions コレクションに追加します。

  3. PropertyGroupDescription のインスタンスをさらに GroupDescriptions コレクションに追加し、グループ化のレベルを追加します。

    <CollectionViewSource.GroupDescriptions>
    <PropertyGroupDescription PropertyName="ProjectName"/>
    <PropertyGroupDescription PropertyName="Complete"/>
</CollectionViewSource.GroupDescriptions>

    ICollectionView cvTasks = CollectionViewSource.GetDefaultView(dataGrid1.ItemsSource);
if (cvTasks != null && cvTasks.CanGroup == true)
{
    cvTasks.GroupDescriptions.Clear();
    cvTasks.GroupDescriptions.Add(new PropertyGroupDescription("ProjectName"));
    cvTasks.GroupDescriptions.Add(new PropertyGroupDescription("Complete"));
}

    Dim cvTasks As ICollectionView = CollectionViewSource.GetDefaultView(dataGrid1.ItemsSource)
If cvTasks IsNot Nothing And cvTasks.CanGroup = True Then
    cvTasks.GroupDescriptions.Clear()
    cvTasks.GroupDescriptions.Add(New PropertyGroupDescription("ProjectName"))
    cvTasks.GroupDescriptions.Add(New PropertyGroupDescription("Complete"))
End If

  4. グループを削除するには、GroupDescriptions コレクションから PropertyGroupDescription を削除します。

  5. すべてのグループを削除するには、GroupDescriptions コレクションの Clear メソッドを呼び出します。

    ICollectionView cvTasks = CollectionViewSource.GetDefaultView(dataGrid1.ItemsSource);
if (cvTasks != null)
{
    cvTasks.GroupDescriptions.Clear();
}

    Dim cvTasks As ICollectionView = CollectionViewSource.GetDefaultView(dataGrid1.ItemsSource)
If cvTasks IsNot Nothing Then
    cvTasks.GroupDescriptions.Clear()
End If

項目が DataGrid でグループ化されている場合は、各グループの外観を指定する GroupStyle を定義できます。 GroupStyle を適用するには、DataGrid の GroupStyle コレクションに追加します。 複数のレベルのグループ化がある場合は、グループ レベルごとに異なるスタイルを適用できます。 スタイルは定義された順序で適用されます。 たとえば、2 つのスタイルを定義した場合、最初のスタイルが一番上のレベルの行グループに適用されます。 2 番目のスタイルは、2 番目のレベル以下のすべての行グループに適用されます。 GroupStyleの DataContext は、グループが表す CollectionViewGroup です。

行グループ見出しの外観を変更するには

  1. 行グループの外観を定義する GroupStyle を作成します。

  2. <DataGrid.GroupStyle> タグ内に GroupStyle を指定します。

    <DataGrid.GroupStyle>
    <!-- Style for groups at top level. -->
    <GroupStyle>
        <GroupStyle.ContainerStyle>
            <Style TargetType="{x:Type GroupItem}">
                <Setter Property="Margin" Value="0,0,0,5"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type GroupItem}">
                            <Expander IsExpanded="True" Background="#FF112255" BorderBrush="#FF002255" Foreground="#FFEEEEEE" BorderThickness="1,1,1,5">
                                <Expander.Header>
                                    <DockPanel>
                                        <TextBlock FontWeight="Bold" Text="{Binding Path=Name}" Margin="5,0,0,0" Width="100"/>
                                        <TextBlock FontWeight="Bold" Text="{Binding Path=ItemCount}"/>
                                    </DockPanel>
                                </Expander.Header>
                                <Expander.Content>
                                    <ItemsPresenter />
                                </Expander.Content>
                            </Expander>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </GroupStyle.ContainerStyle>
    </GroupStyle>
    <!-- Style for groups under the top level. -->
    <GroupStyle>
        <GroupStyle.HeaderTemplate>
            <DataTemplate>
                <DockPanel Background="LightBlue">
                    <TextBlock Text="{Binding Path=Name, Converter={StaticResource completeConverter}}" Foreground="Blue" Margin="30,0,0,0" Width="100"/>
                    <TextBlock Text="{Binding Path=ItemCount}" Foreground="Blue"/>
                </DockPanel>
            </DataTemplate>
        </GroupStyle.HeaderTemplate>
    </GroupStyle>
</DataGrid.GroupStyle>

DataGrid での項目の並べ替え

DataGrid での項目の並べ替え方法を指定するには、SortDescription の型を使用して、ソース ビュー内の項目を並べ替えます。

DataGrid の項目を並べ替えるには

  1. 並べ替えの基準となるプロパティを指定する SortDescription を作成します。 プロパティは、XAML またはコードで指定できます。

    1. XAML では、PropertyName に、並べ替えの基準とするプロパティの名前を設定します。

    2. コードでは、並べ替えの基準とするプロパティの名前と ListSortDirectionをコンストラクターに渡します。

  2. SortDescription を CollectionViewSource.SortDescriptions コレクションに追加します。

  3. SortDescription のインスタンスをさらに SortDescriptions コレクションに追加し、別のプロパティで並べ替えます。

    <CollectionViewSource.SortDescriptions>
    <!-- Requires 'xmlns:scm="clr-namespace:System.ComponentModel;assembly=WindowsBase"' declaration. -->
    <scm:SortDescription PropertyName="ProjectName"/>
    <scm:SortDescription PropertyName="Complete" />
    <scm:SortDescription PropertyName="DueDate" />
</CollectionViewSource.SortDescriptions>

    // Requires using System.ComponentModel;
ICollectionView cvTasks = CollectionViewSource.GetDefaultView(dataGrid1.ItemsSource);
if (cvTasks != null && cvTasks.CanSort == true)
{
    cvTasks.SortDescriptions.Clear();
    cvTasks.SortDescriptions.Add(new SortDescription("ProjectName", ListSortDirection.Ascending));
    cvTasks.SortDescriptions.Add(new SortDescription("Complete", ListSortDirection.Ascending));
    cvTasks.SortDescriptions.Add(new SortDescription("DueDate", ListSortDirection.Ascending));
}

    Dim cvTasks As ICollectionView = CollectionViewSource.GetDefaultView(dataGrid1.ItemsSource)
If cvTasks IsNot Nothing And cvTasks.CanSort = True Then
    cvTasks.SortDescriptions.Clear()
    cvTasks.SortDescriptions.Add(New SortDescription("ProjectName", ListSortDirection.Ascending))
    cvTasks.SortDescriptions.Add(New SortDescription("Complete", ListSortDirection.Ascending))
    cvTasks.SortDescriptions.Add(New SortDescription("DueDate", ListSortDirection.Ascending))
End If

DataGrid での項目のフィルター処理

CollectionViewSourceを使用して DataGrid の項目をフィルター処理するには、CollectionViewSource.Filter イベントのハンドラーにフィルター処理のロジックを指定します。

DataGrid の項目をフィルター処理するには

  1. CollectionViewSource.Filter イベントのハンドラーを追加します。

  2. Filter イベント ハンドラーで、フィルター処理ロジックを定義します。

    ビューが更新されるたびにフィルターが適用されます。

    <CollectionViewSource x:Key="cvsTasks" Source="{StaticResource tasks}" 
                      Filter="CollectionViewSource_Filter">

    private void CollectionViewSource_Filter(object sender, FilterEventArgs e)
{
    Task t = e.Item as Task;
    if (t != null)
    // If filter is turned on, filter completed items.
    {
        if (this.cbCompleteFilter.IsChecked == true && t.Complete == true)
            e.Accepted = false;
        else
            e.Accepted = true;
    }
}

    Private Sub CollectionViewSource_Filter(ByVal sender As System.Object, ByVal e As System.Windows.Data.FilterEventArgs)
    Dim t As Task = e.Item
    If t IsNot Nothing Then
        ' If filter is turned on, filter completed items.
        If Me.cbCompleteFilter.IsChecked = True And t.Complete = True Then
            e.Accepted = False
        Else
            e.Accepted = True
        End If
    End If
End Sub

または、フィルター処理ロジックを提供するメソッドを作成し、フィルターを適用するように CollectionView.Filter プロパティを設定することによって、DataGrid の項目をフィルター処理することができます。 このメソッドの例については、ビュー内のデータをフィルター処理する方法に関するページを参照してください。

例

次の例では、CollectionViewSource の Task データのグループ化、並べ替え、およびフィルター処理を行い、グループ化、並べ替え、およびフィルター処理が行われた Task データを DataGrid に表示します。 CollectionViewSource は、DataGrid の ItemsSource として使用されます。 グループ化、並べ替え、およびフィルター処理は CollectionViewSource に対して実行され、DataGrid UI に表示されます。

この例をテストするには、プロジェクト名と一致するように DGGroupSortFilterExample 名を調整する必要があります。 Visual Basic を使用している場合は、Window のクラス名を次のように変更する必要があります。

<Window x:Class="MainWindow"

<Window x:Class="DGGroupSortFilterExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:DGGroupSortFilterExample"
        xmlns:scm="clr-namespace:System.ComponentModel;assembly=WindowsBase"
        Title="Group, Sort, and Filter Example" Height="575" Width="525">
    <Window.Resources>
        <local:CompleteConverter x:Key="completeConverter" />
        <local:Tasks x:Key="tasks" />
        <CollectionViewSource x:Key="cvsTasks" Source="{StaticResource tasks}" 
                              Filter="CollectionViewSource_Filter">
            <CollectionViewSource.SortDescriptions>
                <!-- Requires 'xmlns:scm="clr-namespace:System.ComponentModel;assembly=WindowsBase"' declaration. -->
                <scm:SortDescription PropertyName="ProjectName"/>
                <scm:SortDescription PropertyName="Complete" />
                <scm:SortDescription PropertyName="DueDate" />
            </CollectionViewSource.SortDescriptions>
            <CollectionViewSource.GroupDescriptions>
                <PropertyGroupDescription PropertyName="ProjectName"/>
                <PropertyGroupDescription PropertyName="Complete"/>
            </CollectionViewSource.GroupDescriptions>
        </CollectionViewSource>
    </Window.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition Height="30" />
        </Grid.RowDefinitions>
        <DataGrid x:Name="dataGrid1" 
                  ItemsSource="{Binding Source={StaticResource cvsTasks}}"
                  CanUserAddRows="False">
            <DataGrid.GroupStyle>
                <!-- Style for groups at top level. -->
                <GroupStyle>
                    <GroupStyle.ContainerStyle>
                        <Style TargetType="{x:Type GroupItem}">
                            <Setter Property="Margin" Value="0,0,0,5"/>
                            <Setter Property="Template">
                                <Setter.Value>
                                    <ControlTemplate TargetType="{x:Type GroupItem}">
                                        <Expander IsExpanded="True" Background="#FF112255" BorderBrush="#FF002255" Foreground="#FFEEEEEE" BorderThickness="1,1,1,5">
                                            <Expander.Header>
                                                <DockPanel>
                                                    <TextBlock FontWeight="Bold" Text="{Binding Path=Name}" Margin="5,0,0,0" Width="100"/>
                                                    <TextBlock FontWeight="Bold" Text="{Binding Path=ItemCount}"/>
                                                </DockPanel>
                                            </Expander.Header>
                                            <Expander.Content>
                                                <ItemsPresenter />
                                            </Expander.Content>
                                        </Expander>
                                    </ControlTemplate>
                                </Setter.Value>
                            </Setter>
                        </Style>
                    </GroupStyle.ContainerStyle>
                </GroupStyle>
                <!-- Style for groups under the top level. -->
                <GroupStyle>
                    <GroupStyle.HeaderTemplate>
                        <DataTemplate>
                            <DockPanel Background="LightBlue">
                                <TextBlock Text="{Binding Path=Name, Converter={StaticResource completeConverter}}" Foreground="Blue" Margin="30,0,0,0" Width="100"/>
                                <TextBlock Text="{Binding Path=ItemCount}" Foreground="Blue"/>
                            </DockPanel>
                        </DataTemplate>
                    </GroupStyle.HeaderTemplate>
                </GroupStyle>
            </DataGrid.GroupStyle>
            <DataGrid.RowStyle>
                <Style TargetType="DataGridRow">
                    <Setter Property="Foreground" Value="Black" />
                    <Setter Property="Background" Value="White" />
                </Style>
            </DataGrid.RowStyle>
        </DataGrid>
        <StackPanel Orientation="Horizontal" Grid.Row="1">
            <TextBlock Text=" Filter completed items " VerticalAlignment="Center" />
            <CheckBox x:Name="cbCompleteFilter" VerticalAlignment="Center"
                      Checked="CompleteFilter_Changed" Unchecked="CompleteFilter_Changed" />
            <Button Content="Remove Groups" Margin="10,2,2,2" Click="UngroupButton_Click" />
            <Button Content="Group by Project/Status" Margin="2" Click="GroupButton_Click" />
        </StackPanel>
    </Grid>
</Window>

using System;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Windows;
using System.Windows.Data;

namespace DGGroupSortFilterExample
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            // Get a reference to the tasks collection.
            Tasks _tasks = (Tasks)this.Resources["tasks"];

            // Generate some task data and add it to the task list.
            for (int i = 1; i <= 14; i++)
            {
                _tasks.Add(new Task()
                {
                    ProjectName = "Project " + ((i % 3) + 1).ToString(),
                    TaskName = "Task " + i.ToString(),
                    DueDate = DateTime.Now.AddDays(i),
                    Complete = (i % 2 == 0)
                });
            }
        }

        private void UngroupButton_Click(object sender, RoutedEventArgs e)
        {
            ICollectionView cvTasks = CollectionViewSource.GetDefaultView(dataGrid1.ItemsSource);
            if (cvTasks != null)
            {
                cvTasks.GroupDescriptions.Clear();
            }
        }

        private void GroupButton_Click(object sender, RoutedEventArgs e)
        {
            ICollectionView cvTasks = CollectionViewSource.GetDefaultView(dataGrid1.ItemsSource);
            if (cvTasks != null && cvTasks.CanGroup == true)
            {
                cvTasks.GroupDescriptions.Clear();
                cvTasks.GroupDescriptions.Add(new PropertyGroupDescription("ProjectName"));
                cvTasks.GroupDescriptions.Add(new PropertyGroupDescription("Complete"));
            }
        }

        private void CompleteFilter_Changed(object sender, RoutedEventArgs e)
        {
            // Refresh the view to apply filters.
            CollectionViewSource.GetDefaultView(dataGrid1.ItemsSource).Refresh();
        }

        private void CollectionViewSource_Filter(object sender, FilterEventArgs e)
        {
            Task t = e.Item as Task;
            if (t != null)
            // If filter is turned on, filter completed items.
            {
                if (this.cbCompleteFilter.IsChecked == true && t.Complete == true)
                    e.Accepted = false;
                else
                    e.Accepted = true;
            }
        }
    }

    [ValueConversion(typeof(Boolean), typeof(String))]
    public class CompleteConverter : IValueConverter
    {
        // This converter changes the value of a Tasks Complete status from true/false to a string value of
        // "Complete"/"Active" for use in the row group header.
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            bool complete = (bool)value;
            if (complete)
                return "Complete";
            else
                return "Active";
        }

        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            string strComplete = (string)value;
            if (strComplete == "Complete")
                return true;
            else
                return false;
        }
    }

    // Task Class
    // Requires using System.ComponentModel;
    public class Task : INotifyPropertyChanged, IEditableObject
    {
        // The Task class implements INotifyPropertyChanged and IEditableObject
        // so that the datagrid can properly respond to changes to the
        // data collection and edits made in the DataGrid.

        // Private task data.
        private string m_ProjectName = string.Empty;
        private string m_TaskName = string.Empty;
        private DateTime m_DueDate = DateTime.Now;
        private bool m_Complete = false;

        // Data for undoing canceled edits.
        private Task temp_Task = null;
        private bool m_Editing = false;

        // Public properties.
        public string ProjectName
        {
            get { return this.m_ProjectName; }
            set
            {
                if (value != this.m_ProjectName)
                {
                    this.m_ProjectName = value;
                    NotifyPropertyChanged("ProjectName");
                }
            }
        }

        public string TaskName
        {
            get { return this.m_TaskName; }
            set
            {
                if (value != this.m_TaskName)
                {
                    this.m_TaskName = value;
                    NotifyPropertyChanged("TaskName");
                }
            }
        }

        public DateTime DueDate
        {
            get { return this.m_DueDate; }
            set
            {
                if (value != this.m_DueDate)
                {
                    this.m_DueDate = value;
                    NotifyPropertyChanged("DueDate");
                }
            }
        }

        public bool Complete
        {
            get { return this.m_Complete; }
            set
            {
                if (value != this.m_Complete)
                {
                    this.m_Complete = value;
                    NotifyPropertyChanged("Complete");
                }
            }
        }

        // Implement INotifyPropertyChanged interface.
        public event PropertyChangedEventHandler PropertyChanged;

        private void NotifyPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }

        // Implement IEditableObject interface.
        public void BeginEdit()
        {
            if (m_Editing == false)
            {
                temp_Task = this.MemberwiseClone() as Task;
                m_Editing = true;
            }
        }

        public void CancelEdit()
        {
            if (m_Editing == true)
            {
                this.ProjectName = temp_Task.ProjectName;
                this.TaskName = temp_Task.TaskName;
                this.DueDate = temp_Task.DueDate;
                this.Complete = temp_Task.Complete;
                m_Editing = false;
            }
        }

        public void EndEdit()
        {
            if (m_Editing == true)
            {
                temp_Task = null;
                m_Editing = false;
            }
        }
    }
    // Requires using System.Collections.ObjectModel;
    public class Tasks : ObservableCollection<Task>
    {
        // Creating the Tasks collection in this way enables data binding from XAML.
    }
}

Imports System.ComponentModel
Imports System.Collections.ObjectModel

Class MainWindow
    Public Sub New()
        InitializeComponent()

        ' Get a reference to the tasks collection.
        Dim _tasks As Tasks = Me.Resources("tasks")

        ' Generate some task data and add it to the task list.
        For index = 1 To 14
            _tasks.Add(New Task() With _
                         {.ProjectName = "Project " & ((index Mod 3) + 1).ToString(), _
                           .TaskName = "Task " & index.ToString(), _
                           .DueDate = Date.Now.AddDays(index), _
                           .Complete = (index Mod 2 = 0) _
                         })
        Next
    End Sub

    Private Sub UngroupButton_Click(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs)
        Dim cvTasks As ICollectionView = CollectionViewSource.GetDefaultView(dataGrid1.ItemsSource)
        If cvTasks IsNot Nothing Then
            cvTasks.GroupDescriptions.Clear()
        End If
    End Sub

    Private Sub GroupButton_Click(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs)
        Dim cvTasks As ICollectionView = CollectionViewSource.GetDefaultView(dataGrid1.ItemsSource)
        If cvTasks IsNot Nothing And cvTasks.CanGroup = True Then
            cvTasks.GroupDescriptions.Clear()
            cvTasks.GroupDescriptions.Add(New PropertyGroupDescription("ProjectName"))
            cvTasks.GroupDescriptions.Add(New PropertyGroupDescription("Complete"))
        End If
    End Sub

    Private Sub CompleteFilter_Changed(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs)
        ' Refresh the view to apply filters.
        CollectionViewSource.GetDefaultView(dataGrid1.ItemsSource).Refresh()
    End Sub

    Private Sub CollectionViewSource_Filter(ByVal sender As System.Object, ByVal e As System.Windows.Data.FilterEventArgs)
        Dim t As Task = e.Item
        If t IsNot Nothing Then
            ' If filter is turned on, filter completed items.
            If Me.cbCompleteFilter.IsChecked = True And t.Complete = True Then
                e.Accepted = False
            Else
                e.Accepted = True
            End If
        End If
    End Sub
End Class

Public Class CompleteConverter
    Implements IValueConverter
    ' This converter changes the value of a Tasks Complete status from true/false to a string value of
    ' "Complete"/"Active" for use in the row group header.
    Public Function Convert(ByVal value As Object, ByVal targetType As System.Type, ByVal parameter As Object, ByVal culture As System.Globalization.CultureInfo) As Object Implements System.Windows.Data.IValueConverter.Convert
        Dim complete As Boolean = value
        If complete = True Then
            Return "Complete"
        Else
            Return "Active"
        End If
    End Function

    Public Function ConvertBack1(ByVal value As Object, ByVal targetType As System.Type, ByVal parameter As Object, ByVal culture As System.Globalization.CultureInfo) As Object Implements System.Windows.Data.IValueConverter.ConvertBack
        Dim strComplete As String = value
        If strComplete = "Complete" Then
            Return True
        Else
            Return False
        End If
    End Function
End Class

' Task class
' Requires Imports System.ComponentModel
Public Class Task
    Implements INotifyPropertyChanged, IEditableObject
    ' The Task class implements INotifyPropertyChanged and IEditableObject 
    ' so that the datagrid can properly respond to changes to the 
    ' data collection and edits made in the DataGrid.

    ' Private task data.
    Private m_ProjectName As String = String.Empty
    Private m_TaskName As String = String.Empty
    Private m_DueDate As DateTime = Date.Now
    Private m_Complete As Boolean = False

    ' Data for undoing canceled edits.
    Private temp_Task As Task = Nothing
    Private m_Editing As Boolean = False

    ' Public properties.
    Public Property ProjectName() As String
        Get
            Return Me.m_ProjectName
        End Get
        Set(ByVal value As String)
            If Not value = Me.m_ProjectName Then
                Me.m_ProjectName = value
                NotifyPropertyChanged("ProjectName")
            End If
        End Set
    End Property

    Public Property TaskName() As String
        Get
            Return Me.m_TaskName
        End Get
        Set(ByVal value As String)
            If Not value = Me.m_TaskName Then
                Me.m_TaskName = value
                NotifyPropertyChanged("TaskName")
            End If
        End Set
    End Property

    Public Property DueDate() As Date
        Get
            Return Me.m_DueDate
        End Get
        Set(ByVal value As Date)
            If Not value = Me.m_DueDate Then
                Me.m_DueDate = value
                NotifyPropertyChanged("DueDate")
            End If
        End Set
    End Property

    Public Property Complete() As Boolean
        Get
            Return Me.m_Complete
        End Get
        Set(ByVal value As Boolean)
            If Not value = Me.m_Complete Then
                Me.m_Complete = value
                NotifyPropertyChanged("Complete")
            End If
        End Set
    End Property

    ' Implement INotifyPropertyChanged interface. 
    Public Event PropertyChanged As PropertyChangedEventHandler Implements INotifyPropertyChanged.PropertyChanged

    Public Sub NotifyPropertyChanged(ByVal propertyName As String)
        RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs(propertyName))
    End Sub

    ' Implement IEditableObject interface.
    Public Sub BeginEdit() Implements IEditableObject.BeginEdit
        If Not Me.m_Editing Then
            Me.temp_Task = Me.MemberwiseClone()
            Me.m_Editing = True
        End If
    End Sub

    Public Sub CancelEdit() Implements IEditableObject.CancelEdit
        If m_Editing = True Then
            Me.ProjectName = Me.temp_Task.ProjectName
            Me.TaskName = Me.temp_Task.TaskName
            Me.DueDate = Me.temp_Task.DueDate
            Me.Complete = Me.temp_Task.Complete
            Me.m_Editing = False
        End If
    End Sub

    Public Sub EndEdit() Implements IEditableObject.EndEdit
        If m_Editing = True Then
            Me.temp_Task = Nothing
            Me.m_Editing = False
        End If
    End Sub
End Class

' Requires Imports System.Collections.ObjectModel
Public Class Tasks
    Inherits ObservableCollection(Of Task)
    ' Creating the Tasks collection in this way enables data binding from XAML.
End Class

関連項目