Wie kann ich die Gruppierung in einer WPF Data Grid mit mehreren Ebenen?

Ich bin relativ neu in WPF, so verstehe ich über Stile und setter, aber ich habe Probleme auf diesen einen.

Bin ich mit einem WPF Data Grid und brauchen, um mehrere Ebenen zu gruppieren. Ich möchte die 2. und 3. Gruppe Ebene mehr eingerückt als die oberste Ebene.

Dem folgenden code wird die show-Gruppe-Ebenen, aber es zeigt Ihnen direkt auf der Oberseite des anderen und macht die Tatsache, dass Sie verschachtelte Ebenen des Konzerns unmöglich zu sagen.

<Style x:Key="GroupHeaderStyle" TargetType="{x:Type GroupItem}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type GroupItem}">
                <Expander IsExpanded="True">
                    <Expander.Header>
                        <TextBlock Text="{Binding Path=Name}"/>
                    </Expander.Header>
                    <ItemsPresenter />
                </Expander>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Wie bekomme ich die Kopfzeile der Gruppe der Einzug ist auf Basis-Ebene?

  • Verwenden Sie eine ICollectionView zu tun, die Gruppierung?
  • Ja, ich bin mit der ICollectionView-durchführen der Gruppierung.
InformationsquelleAutor Keith | 2010-05-07
  1. 5

    Falls jemand aus der Zukunft kommt über diese. Ich war in der Lage, geschachtelte Gruppen und Stil, so dass Sie nicht gestapelt auf der jeweils anderen, indem Sie Folgendes tun.

    Eigenschaft hinzufügen, um die CollectionViewSource:

    <Window.Resources>
    <CollectionViewSource x:Key="cvs" Source="{Binding TestData}">
        <CollectionViewSource.GroupDescriptions>
            <PropertyGroupDescription PropertyName="TopProperty"/>
            <PropertyGroupDescription PropertyName="SubProperty"/>
        </CollectionViewSource.GroupDescriptions>
    </CollectionViewSource>
</Window.Resources>

    Dann in der XAML DataGrid müssen Sie angeben, 2 GroupStyles, und der zweite wird verwendet für die verschachtelte Gruppe. Ich fügte hinzu, die Margen zu StackPanel der zweiten Gruppe zu verschieben Sie den text nach rechts, um es scheinen, wie es war, in der entsprechenden Spalte.

    <DataGrid.GroupStyle>
            <GroupStyle>
                <GroupStyle.ContainerStyle>
                    <Style TargetType="{x:Type GroupItem}">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type GroupItem}">
                                    <StackPanel>
                                        <Border Background="#FF959595" BorderBrush="#FF727272" BorderThickness="0,0,0,1" Margin="5,0,0,0">                                            
                                            <StackPanel   Height="23" Orientation="Horizontal" Margin="3,0,0,0" Background="#FFE6E6E6">
                                                <TextBlock FontWeight="Bold"  Text="{Binding Path=Name}" Margin="5,0,0,0" Width="100" VerticalAlignment="Center"/>
                                            </StackPanel>
                                        </Border>
                                            <ItemsPresenter />
                                    </StackPanel>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </GroupStyle.ContainerStyle>
            </GroupStyle>
            <GroupStyle>
                <GroupStyle.HeaderTemplate>
                    <DataTemplate>
                        <StackPanel>
                            <Border Background="#FF959595" BorderBrush="#FF727272" BorderThickness="0,0,0,1" Margin="5,0,0,0">
                                <StackPanel   Height="23" Orientation="Horizontal" Margin="3,0,0,0" Background="#FFF3F3F3">
                                    <TextBlock FontWeight="Bold"  Text="{Binding Path=Name}" Margin="55,0,0,0" Width="100" VerticalAlignment="Center"/>
                                </StackPanel>
                            </Border>
                        </StackPanel>
                    </DataTemplate>
                </GroupStyle.HeaderTemplate>
            </GroupStyle>
</DataGrid.GroupStyle>

    War ich in der Lage zu finden, mehr dazu hier:
    https://msdn.microsoft.com/en-us/library/ff407126%28v=vs.110%29.aspx

    • Ich bin aus der Zukunft und das war genau das was ich gesucht habe! Die XAML-was löst dieses scheint nicht schrecklich intuitiv und die MS docs nicht tun, viel zu klären.
    InformationsquelleAutor Cole --
  2. 2

    Ich hatte das gleiche problem und fand eine unvollkommene Abhilfe. Wenn Sie fügen Sie einen Rand auf der linken Seite Ihres ItemsPresenter, jeder Ebene eingerückt wird, wie man es erwarten würde. Leider die Spaltenüberschriften nicht mehr in übereinstimmung mit der content-Spalten. Ich bin noch auf der Suche nach einer Lösung für die...

    InformationsquelleAutor
  3. 1

    Soweit ich weiß (oder das Letzte mal habe ich geprüft), die WPF-Datagrid nicht unterstützt die hierarchische Gruppierung.

    Der nächste, den ich finden konnte, war diese.

    Dies ist der Grund, warum wir gingen mit den Xceed DataGrid in unserer app. Leider ist es nicht kostenlos, so dass möglicherweise nicht geeignet für Sie.

    InformationsquelleAutor Andrew Jackson
  4. 0

    Ich schon nutzen ICollectionView-und PropertyGroupDescription um eine Gruppierung, Sie müssen jedoch noch mit XAML beschreiben, wie die Gruppierung angezeigt wird, ansonsten erhalten Sie keine UI-Anzeige der Gruppierung.

    Ich bin daran interessiert, wie, um das setup der XAML-also kann ich die Darstellung der verschiedenen Ebenen der Gruppierung, vorzugsweise mit einer Art der Einrückung pro Gruppe-Ebene oder so ähnlich....

    InformationsquelleAutor Keith
  5. 0

    Diesem tutorial geht in die richtige Richtung: Multi-Gruppierung im DataGrid
    Aber leider ist 'PagedCollectionView' ist Silverlight.

    InformationsquelleAutor Tammo B.
Schreibe einen Kommentar