ListView WPF 中的项目分组

Question

我有一个 ListView，我想在其中根据项目对象的字段对项目进行分组。下面是我的代码：

<ListView ItemsSource="{x:Bind MyVM.CollectionOfClassA, Mode=OneWay}"
    <ListView.GroupStyle>
        <GroupStyle>
            <GroupStyle.HeaderTemplate>
                <DataTemplate>
                    <TextBlock FontSize="15" FontWeight="Bold" Text="{Binding DateTimePropertyOfClassA}"/>
                </DataTemplate>
            </GroupStyle.HeaderTemplate>
        </GroupStyle>
    </ListView.GroupStyle>
</ListView>

有什么我想念的吗？我想根据 ClassA 对象的 DateTime 属性对项目进行分组。此外，如果没有任何特定日期的项目，我仍然想在该组（当天）下显示带有空列表的日期。我怎样才能实现它？

编辑：我无法使用 CollectionViewSource，因为我的 VM 包含 ClassA 对象的集合（作为项目源绑定到列表视图）并且我想根据属性那些 ClassA 对象。我确定我错过了一些东西。但是我想不通。

Answer 1

我建议在 ViewModel IObservableCollection<ClassA> 属性（或任何名称）中创建一个集合，将其添加到 MainWindow class 中，然后简单地将其绑定到 ListView 中。

<ListView ItemsSource="{Binding Path=Properties}">

Answer 2

这里是任何寻找它的人的解决方案（感谢那里的 WPF 大师 https://social.msdn.microsoft.com/Forums/windowsapps/en-US/812ed260-e113-4a8b-9322-226ed56ac90c/grouping-of-items-in-listview-wpf?forum=wpdevelop&prof=required）：

public class ClassA
{
    public DateTime DateTimePropertyOfClassA { get; set; }
}

public class MyVM
{
    public MyVM()
    {
        //return a grouped collection:
        Grouped = from x in CollectionOfClassA group x by x.DateTimePropertyOfClassA into grp orderby grp.Key select grp;
    }

    public IList<ClassA> CollectionOfClassA { get; set; } = new List<ClassA>()
    {
            new ClassA(){ DateTimePropertyOfClassA = DateTime.Parse("2016-01-01")},
            new ClassA(){ DateTimePropertyOfClassA = DateTime.Parse("2016-03-01")},
            new ClassA(){ DateTimePropertyOfClassA = DateTime.Parse("2016-03-01")},
            new ClassA(){ DateTimePropertyOfClassA = DateTime.Parse("2016-03-01")},
            new ClassA(){ DateTimePropertyOfClassA = DateTime.Parse("2016-03-01")},
            new ClassA(){ DateTimePropertyOfClassA =DateTime.Parse("2016-06-01")}
    };

    public IEnumerable<object> Grouped { get; }
}

Xaml:

<Page.Resources>
        <CollectionViewSource x:Name="cvs"
                              IsSourceGrouped="True"
                              Source="{x:Bind MyVM.Grouped, Mode=OneWay}"/>
</Page.Resources>

<StackPanel Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <ListView ItemsSource="{Binding Source={StaticResource cvs}}">
        <ListView.GroupStyle>
            <GroupStyle>
                <GroupStyle.HeaderTemplate>
                    <DataTemplate>
                        <TextBlock FontSize="15" FontWeight="Bold" Text="{Binding Key}"/>
                    </DataTemplate>
                </GroupStyle.HeaderTemplate>
            </GroupStyle>
        </ListView.GroupStyle>
    </ListView>
</StackPanel>

ListView WPF 中的项目分组

Grouping of items in ListView WPF

wpf

grouping

listview

collectionviewsource

uwp