在 Datagrid wpf 上对数据进行分组答案

【问题标题】：Grouping data on Datagrid wpf在 Datagrid wpf 上对数据进行分组
【发布时间】：2017-03-21 00:23:24
【问题描述】：

我想使用包含组名并包含所有 ClassMate 名称的扩展器重新组合我的数据。

这是我的班级群：

public class Group{ 
public List<ClassMate> CLGroup { get; set; }
public string GroupName { get; set; }}

我的同学班：

public class ClassMate: INotifyPropertyChanged{
public string Name { get; set; }
public string DisplayName { get; set; }}

我尝试使用此 Xaml 执行此操作，但我不知道为什么它不起作用

<DataGrid x:Name="gridMates"  ItemsSource="{Binding Groups }"  >
    <DataGrid.GroupStyle>
        <!-- Style for groups at top level. -->
        <GroupStyle>
            <GroupStyle.ContainerStyle>
                <Style TargetType="{x:Type GroupItem}">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type GroupItem}">
                                <Expander IsExpanded="True" >
                                    <Expander.Header>
                                        <DockPanel>

                                        <TextBlock Text="{Binding Path=GroupName}" />
                                    </DockPanel>
                                    </Expander.Header>
                                    <Expander.Content>
                                        <ItemsControl ItemsSource="{Binding Path=CLGroup}">
                                            <ItemsControl.ItemTemplate>
                                                <DataTemplate>
                                                    <StackPanel>
                                                        <TextBlock   Text="{Binding Path=DisplayName}"/>

                                                    </StackPanel>

                                                </DataTemplate>
                                            </ItemsControl.ItemTemplate>
                                        </ItemsControl>
                                    </Expander.Content>
                                </Expander>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </GroupStyle.ContainerStyle>
        </GroupStyle>

    </DataGrid.GroupStyle>

我做错了什么？谢谢

【问题讨论】：

组文本的属性名应该是Name

标签： c# wpf datagrid grouping wpfdatagrid

【解决方案1】：

您需要将ItemsSource 属性绑定到分组的源集合。最简单的方法是使用CollectionViewSource：

<Grid>
    <Grid.Resources>
        <CollectionViewSource x:Key="groups" Source="{Binding Groups}">
            <CollectionViewSource.GroupDescriptions>
                <PropertyGroupDescription PropertyName="GroupName" />
            </CollectionViewSource.GroupDescriptions>
        </CollectionViewSource>
    </Grid.Resources>
    <DataGrid x:Name="gridMates" ItemsSource="{Binding Source={StaticResource groups}}" AutoGenerateColumns="False">
        <DataGrid.GroupStyle>
            <GroupStyle>
                <GroupStyle.ContainerStyle>
                    <Style TargetType="{x:Type GroupItem}">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type GroupItem}">
                                    <Expander IsExpanded="True" >
                                        <Expander.Header>
                                            <DockPanel>
                                                <TextBlock Text="{Binding Path=Name}" />
                                            </DockPanel>
                                        </Expander.Header>
                                        <Expander.Content>
                                            <ItemsControl ItemsSource="{Binding Path=Items[0].CLGroup}">
                                                <ItemsControl.ItemTemplate>
                                                    <DataTemplate>
                                                        <StackPanel>
                                                            <TextBlock Text="{Binding Path=DisplayName}"/>
                                                        </StackPanel>
                                                    </DataTemplate>
                                                </ItemsControl.ItemTemplate>
                                            </ItemsControl>
                                        </Expander.Content>
                                    </Expander>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </GroupStyle.ContainerStyle>
            </GroupStyle>
        </DataGrid.GroupStyle>
    </DataGrid>
</Grid>

【讨论】：

太棒了！这真的是我需要的。只有一个问题，如果我想创建一个包含所有学生的网格，我该如何做网格的标题？谢谢
如果您还有其他问题，请提出新问题。确保包含有关该问题的详细描述以及任何相关代码 sn-ps，以便其他人能够重现它。

【解决方案2】：

XAML 设计

<Window.Resources>
    <Style x:Key="groupheaderstyle" TargetType="{x:Type GroupItem}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type GroupItem}">
                    <Expander x:Name="exp" IsExpanded="True" Background="White" Foreground="Black">
                        <Expander.Header>
                            <TextBlock Text="{Binding Gropname}" />
                        </Expander.Header>
                        <ItemsPresenter />
                    </Expander>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>
<DataGrid x:Name="dgdata" HorizontalAlignment="Left" Height="269" VerticalAlignment="Top" Width="292">
    <DataGrid.GroupStyle>
        <GroupStyle ContainerStyle="{StaticResource groupheaderstyle}">
            <GroupStyle.Panel>
                <ItemsPanelTemplate>
                    <DataGridRowsPresenter />
                </ItemsPanelTemplate>
            </GroupStyle.Panel>
        </GroupStyle>
    </DataGrid.GroupStyle>
</DataGrid>

XAML Design.CS

public class group
    {
        public string groupname { get; set; }
        public string CLgroup { get; set; }
        public string displayname { get; set; }
    }
    public Window4()
    {
        InitializeComponent();
        ObservableCollection<group> samdata = new ObservableCollection<group>
        {
            new group{groupname="Group1",CLgroup="xxx",displayname="demo1"},
            new group{groupname="Group1",CLgroup="yyy",displayname="demo2"},
            new group{groupname="Group1",CLgroup="yyy",displayname="demo2"},
            new group{groupname="Group2",CLgroup="yyy",displayname="demo2"},
            new group{groupname="Group2",CLgroup="yyy",displayname="demo2"},
            new group{groupname="Group2",CLgroup="yyy",displayname="demo2"},
            new group{groupname="Group3",CLgroup="zzz",displayname="demo3"},
            new group{groupname="Group3",CLgroup="yyy",displayname="demo2"},
            new group{groupname="Group3",CLgroup="yyy",displayname="demo2"},
        };          
        ListCollectionView collection = new ListCollectionView(samdata);
        collection.GroupDescriptions.Add(new PropertyGroupDescription("groupname"));
        dgdata.ItemsSource = collection;
    }

【讨论】：

我的结构，如你所见，不同！