C# WPF Toolkit DataGrid - 组内组？答案

【问题标题】：C# WPF Toolkit DataGrid - Group inside Group?C# WPF Toolkit DataGrid - 组内组？
【发布时间】：2011-03-10 22:51:36
【问题描述】：

我有一个包含项目的组，我希望该组有一个子组。

主要组：“Windows”、“Linux”、“Mac”和子组：“数据”、“基本”、“高级”

子组将包含行项目。此外，每个主要组可以有不同的子组。

我该怎么做？

这是我的一些代码：

<Window.Resources>
    <CollectionViewSource x:Key="OSGroups">
        <CollectionViewSource.GroupDescriptions>
            <PropertyGroupDescription PropertyName="os"/>
        </CollectionViewSource.GroupDescriptions>
    </CollectionViewSource>

    <Style x:Key="GroupContainerStyle" TargetType="{x:Type GroupItem}">
        <Style.Resources>
            <LinearGradientBrush x:Key="OutBrush" StartPoint="0,0" EndPoint="0,1">
                <GradientStop Offset="0" Color="#FEB74B"/>
                <GradientStop Offset="1" Color="#F19201"/>
            </LinearGradientBrush>
        </Style.Resources>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type GroupItem}">
                    <Expander IsExpanded="True" Background="{StaticResource OutBrush}" BorderThickness="0">
                        <Expander.Header>
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                </Grid.ColumnDefinitions>

                                <StackPanel Grid.Column="0" Orientation="Horizontal" Margin="0,0,10,0">
                                    <TextBlock Text="{Binding Path=Name}"/>
                                </StackPanel>
                            </Grid>
                        </Expander.Header>
                        <ItemsPresenter />
                    </Expander>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>
<Grid>
    <wpfToolkit:DataGrid Name="CommandsDataGrid" AutoGenerateColumns="False" IsReadOnly="True" CanUserAddRows="False" CanUserDeleteRows="False" CanUserResizeRows="False" CanUserSortColumns="False" ItemsSource="{Binding Source={StaticResource OSGroups}}" CellStyle="{StaticResource CellStyle}" HeadersVisibility="Column" Height="250" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
        <wpfToolkit:DataGrid.GroupStyle>
            <GroupStyle ContainerStyle="{StaticResource GroupContainerStyle}">
                <GroupStyle.Panel>
                    <ItemsPanelTemplate>
                        <wpfToolkit:DataGridRowsPresenter/>
                    </ItemsPanelTemplate>
                </GroupStyle.Panel>
            </GroupStyle>
        </wpfToolkit:DataGrid.GroupStyle>
        <wpfToolkit:DataGrid.Columns>
            <wpfToolkit:DataGridTextColumn Header="Command" Binding="{Binding Path=command}" />
            <wpfToolkit:DataGridTextColumn Header="Description" Width="*" Binding="{Binding Path=description}" />
        </wpfToolkit:DataGrid.Columns>
    </wpfToolkit:DataGrid>
</Grid>

【问题讨论】：

标签： c# wpf datagrid toolkit

【解决方案1】：

注意，缩进只适用于一个子组，因为我们只有“IsBottomLevel”而不是“Level”。

    <CollectionViewSource x:Key="OSGroups">
        <CollectionViewSource.GroupDescriptions>
            <PropertyGroupDescription PropertyName="os"/>
            <PropertyGroupDescription PropertyName="subGroup"/>
        </CollectionViewSource.GroupDescriptions>
    </CollectionViewSource>
    <Style x:Key="GroupHeaderStyle" TargetType="{x:Type GroupItem}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type GroupItem}">
                    <Expander IsExpanded="True">
                        <Expander.Style>
                            <Style TargetType="{x:Type Expander}">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding IsBottomLevel}" Value="True">
                                        <Setter Property="Margin" Value="20,0,0,0" />
                                    </DataTrigger>

                                </Style.Triggers>
                            </Style>
                        </Expander.Style>
                        <Expander.Header>
                            <TextBlock Text="{Binding Name}"/>
                        </Expander.Header>
                        <ItemsPresenter Margin="-10,0,0,0" />
                    </Expander>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

【讨论】：

【解决方案2】：

您可以在DataGrid.GroupStyle 元素中定义任何样式。考虑下面的 xaml，在这里我定义了两个组容器样式，即GroupContainerStyle 和SecondGroupContainerStyle。现在主要组（第一级）GroupConstainerStyle 将被应用，您的子组（第二级）SecondGroupContainerStyle 将被自动应用。

在SecondGroupContainerStyle 中，您可以像 spasrto 所做的那样更改缩进。

<wpfToolkit:DataGrid Name="CommandsDataGrid" AutoGenerateColumns="False" IsReadOnly="True" CanUserAddRows="False" CanUserDeleteRows="False" CanUserResizeRows="False" CanUserSortColumns="False" ItemsSource="{Binding Source={StaticResource OSGroups}}" CellStyle="{StaticResource CellStyle}" HeadersVisibility="Column" Height="250" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
    <wpfToolkit:DataGrid.GroupStyle>
        <GroupStyle ContainerStyle="{StaticResource GroupContainerStyle}">
            <GroupStyle.Panel>
                <ItemsPanelTemplate>
                    <wpfToolkit:DataGridRowsPresenter/>
                </ItemsPanelTemplate>
            </GroupStyle.Panel>
        </GroupStyle>

        <GroupStyle ContainerStyle="{StaticResource SecondGroupContainerStyle}">
            <GroupStyle.Panel>
                <ItemsPanelTemplate>
                    <wpfToolkit:DataGridRowsPresenter/>
                </ItemsPanelTemplate>
            </GroupStyle.Panel>
        </GroupStyle>           
    </wpfToolkit:DataGrid.GroupStyle>

</wpfToolkit:DataGrid>

【讨论】：