Manuell-Gruppe DataGrid Elemente

Ich brauchen, um eine Daten-grid und meine Daten sieht wie folgt aus:
firstName, lastName, Strasse, PLZ, Stadt, Land, Bild

In meinem datagrid-ich werde nur zeigen, firstName, lastName und Bild, sondern es werden gruppiert nach Stadt.

Update
Der code unten zeigt gruppierte Elemente, aber die drei Produkte, die ich anzeigen möchten (Vorname, Nachname, Bild) sind, gefolgt von allen Elementen (firstName, lastName, Strasse, PLZ, Stadt, Land, Bild) pro Zeile. Ich glaube, ich habe zu ersetzen, die <ItemsPresenter /> aber das ist nur Spekulation..

Kann mir jemand helfen, ich kann nicht verwalten, dies auf meine eigene...

<Grid>
    <DataGrid ItemsSource="{Binding GroupedMovables}">
        <DataGrid.Columns>
            <DataGridTemplateColumn Header="Preview" Width="SizeToCells" IsReadOnly="True">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <Image Name="Preview" Height="20" Source="{Binding Image}" HorizontalAlignment="Center" />
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
            <DataGridTextColumn Header="first name" Binding="{Binding FirstName}" />
            <DataGridTextColumn Header="last name" Binding="{Binding LastName}" />
        </DataGrid.Columns>
        <DataGrid.GroupStyle>
            <GroupStyle>
                <GroupStyle.HeaderTemplate>
                    <DataTemplate>
                        <StackPanel>
                            <TextBlock Text="{Binding Path=City}" FontWeight="Bold" Padding="3"/>
                        </StackPanel>
                    </DataTemplate>
                </GroupStyle.HeaderTemplate>
                <GroupStyle.ContainerStyle>
                    <Style TargetType="{x:Type GroupItem}">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type GroupItem}">
                                    <Expander>
                                        <Expander.Header>
                                            <StackPanel Orientation="Horizontal">
                                                <TextBlock Text="{Binding Path=Name}" />
                                                <TextBlock Text="{Binding Path=ItemCount}" Margin="8,0,4,0"/>
                                                <TextBlock Text="Element(s)"/>
                                            </StackPanel>
                                        </Expander.Header>
                                        <ItemsPresenter />
                                    </Expander>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </GroupStyle.ContainerStyle>
            </GroupStyle>
        </DataGrid.GroupStyle>
    </DataGrid>
</Grid>
Bitte erläutern Sie: was funktioniert nicht genau? Hat der code einen Fehler erzeugen? Falls ja, was ist der Fehler??? Hat es falsch angezeigt? Wenn ja, wie funktioniert die Anzeige jetzt, und wie lässt sich das unterscheiden von dem, was Sie wollen? Danke.
Ich aktualisiert meine Erklärung, hoffe, die Sache jetzt klarer.
Und was passiert, wenn Sie entfernen <ItemsPresenter />?
Überprüfen Sie bitte meine Antwort weiter unten und vergleichen Sie es mit Ihrem code.

InformationsquelleAutor iop | 2012-04-23

  1. 7

    Den richtigen Weg für die Gruppierung ist die Verwendung eines CollectionView (für mehr details: Wie zu Navigieren, Gruppieren, Sortieren und Filtern von Daten in WPF). Das folgende ist eine einfache proof-of-concept-Anwendung, die ich für Sie erstellt, um zu zeigen, wie Sie eine CollectionView für die Gruppierung von Daten, mit:

    Diese Klasse repräsentiert eine Zeile im DataGrid:

    public class Employee
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public string Street { get; set; }
    public string ZipCode { get; set; }
    public string City { get; set; }
    public string Country { get; set; }
    public string Image { get; set; }
}

    MaindWindow code hinter:

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

        //Create some test data
        var employees =
            new ObservableCollection<Employee>
                {
                    new Employee {FirstName = "Mohammed", LastName = "Fadil", Street = "A B C", ZipCode = "123", City = "London", Country = "UK", Image = "/Images/globe.png"},
                    new Employee {FirstName = "Siraj", LastName = "Hussam", Street = "A B C", ZipCode = "123", City = "London", Country = "UK", Image = "/Images/globe.png"},
                    new Employee {FirstName = "Ayman", LastName = "Tariq", Street = "A B C", ZipCode = "123", City = "London", Country = "UK", Image = "/Images/globe.png"},
                    new Employee {FirstName = "Khalid", LastName = "Sheik", Street = "X Y Z", ZipCode = "234", City = "Paris", Country = "France", Image = "/Images/monitor.png"},
                    new Employee {FirstName = "Hassan", LastName = "Ali", Street = "Q W E R", ZipCode = "544", City = "NY", Country = "USA", Image = "/Images/star.png"},
                    new Employee {FirstName = "Ehsan", LastName = "Mahmoud", Street = "A B C", ZipCode = "123", City = "London", Country = "UK", Image = "/Images/globe.png"},
                    new Employee {FirstName = "Idris", LastName = "Sheik", Street = "X Y Z", ZipCode = "234", City = "Paris", Country = "France", Image = "/Images/monitor.png"},
                    new Employee {FirstName = "Khalil", LastName = "Ali", Street = "Q W E R", ZipCode = "544", City = "NY", Country = "USA", Image = "/Images/star.png"}
                };

        ICollectionView employeesView =
            CollectionViewSource.GetDefaultView(employees);

        //Set the grouping by city proprty
        employeesView.GroupDescriptions.Add(new PropertyGroupDescription("City"));

        //Set the view as the DataContext for the DataGrid
        EmployeesDataGrid.DataContext = employeesView;
    }
}

    DataGrid-XAML-code:

        <DataGrid Name="EmployeesDataGrid" ItemsSource="{Binding}" AutoGenerateColumns="False">
        <DataGrid.Columns>
            <DataGridTextColumn Binding="{Binding FirstName}" Header="First Name"/>
            <DataGridTextColumn Binding="{Binding LastName}" Header="Last Name"/>
            <DataGridTemplateColumn Header="Image">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <Image Source="{Binding Image}"/>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns>

        <DataGrid.GroupStyle>
            <GroupStyle>
                <GroupStyle.HeaderTemplate>
                    <DataTemplate>
                        <StackPanel>
                            <TextBlock Text="{Binding Path=City}" FontWeight="Bold" Padding="3"/>
                        </StackPanel>
                    </DataTemplate>
                </GroupStyle.HeaderTemplate>
                <GroupStyle.ContainerStyle>
                    <Style TargetType="{x:Type GroupItem}">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type GroupItem}">
                                    <Expander>
                                        <Expander.Header>
                                            <StackPanel Orientation="Horizontal">
                                                <TextBlock Text="{Binding Path=Name}" />
                                                <TextBlock Text="{Binding Path=ItemCount}" Margin="8,0,4,0"/>
                                                <TextBlock Text="Element(s)"/>
                                            </StackPanel>
                                        </Expander.Header>
                                        <ItemsPresenter />
                                    </Expander>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </GroupStyle.ContainerStyle>
            </GroupStyle>
        </DataGrid.GroupStyle>

    </DataGrid>

    Ist das Ergebnis:

    Manuell-Gruppe DataGrid Elemente

    Weitere Informationen zum styling der DataGrid-Gruppen bitte überprüfen Sie in diesem post: WPF DataGrid-Steuerelement > Gruppierung

    Das Beispiel von wpftutorial.net Sie geschrieben wurde, den ich verwendet. Ich bin mir nicht sicher, was ich falsch gemacht habe, aber der code, den Sie zur Verfügung gestellt läuft, wie ich wollte, es zu tun, ich danke Ihnen sehr!
    versuchen zu laufen, meine gepostete code in einer neuen Beispiel-Projekt, funktioniert es.
    überprüfen Sie die Ausgabe-Fenster, wenn Sie ausführen dieses Fenster, um zu sehen, wenn es Probleme mit Ihrer Bindung an 'GroupedMovables'
    Warum header-template ist nicht erschienen, auf die Produktion?

    InformationsquelleAutor Mohammed A. Fadil

Schreibe einen Kommentar