Füllen Sie ein Datagrid mit dynamischen Spalten

Gibt es mindestens drei Möglichkeiten, dies zu tun:

1. Ändern Sie die DataGrid-Spalten manuell aus dem code-behind -
2. Eine DataTable als ItemsSource *

3. Verwenden CustomTypeDescriptor

   *empfohlen für die Einfachheit

1. Ansatz: code-behind zu generieren, die die DataGrid-Spalten zur Laufzeit. Dies ist einfach zu implementieren, aber vielleicht fühlt sich ein bisschen hackish, vor allem, wenn man mit MVVM. So hätten Sie das DataGrid mit festen Spalten:

<DataGrid x:Name="grid">
    <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding id}" Header="id" />
        <DataGridTextColumn Binding="{Binding image}" Header="image" />
    </DataGrid.Columns>
</DataGrid>

Wenn du deinen "Namen", die bereit sind, ändern Sie dann die Gitter durch hinzufügen/entfernen von Spalten, z.B.:

//add new columns to the data grid
void AddColumns(string[] newColumnNames)
{
    foreach (string name in newColumnNames)
    {
        grid.Columns.Add(new DataGridTextColumn { 
            //bind to a dictionary property
            Binding = new Binding("Custom[" + name + "]"), 
            Header = name 
        });
    }
}

Werden Sie wollen, um eine wrapper-Klasse erstellen, enthalten die original-Klasse, plus ein Wörterbuch, enthalten die benutzerdefinierten Eigenschaften. Lassen Sie uns sagen, Ihre Haupt-row-Klasse "Benutzer", dann würden Sie wollen eine wrapper-Klasse so etwas wie dieses:

public class CustomUser : User
{
    public Dictionary<string, object> Custom { get; set; }

    public CustomUser() : base()
    {
        Custom = new Dictionary<string, object>();
    }
}

Auffüllen der ItemsSource mit einer Sammlung von diesem neuen "CustomUser" Klasse:

void PopulateRows(User[] users, Dictionary<string, object>[] customProps)
{
    var customUsers = users.Select((user, index) => new CustomUser {
        Custom = customProps[index];
    });
    grid.ItemsSource = customUsers;
}

So binden es zusammen, zum Beispiel:

var newColumnNames = new string[] { "Name1", "Name2" };
var users = new User[] { new User { id="First User" } };
var newProps = new Dictionary<string, object>[] {
    new Dictionary<string, object> { 
        "Name1", "First Name of First User",
        "Name2", "Second Name of First User",
    },
};
AddColumns(newColumnNames);
PopulateRows(users, newProps);

2. Ansatz: verwenden DataTable. Das macht die Verwendung der custom-Art-Infrastruktur unter der Haube, aber ist einfacher zu bedienen. Einfach binden Sie das DataGrid ist ItemsSource zu einem DataTable.DefaultView Eigenschaft:

<DataGrid ItemsSource="{Binding Data.DefaultView}" AutoGenerateColumns="True" />

Dann können Sie die Spalten definieren, wie du willst, zB:

Data = new DataTable();

//create "fixed" columns
Data.Columns.Add("id");
Data.Columns.Add("image");

//create custom columns
Data.Columns.Add("Name1");
Data.Columns.Add("Name2");

//add one row as an object array
Data.Rows.Add(new object[] { 123, "image.png", "Foo", "Bar" });

3. Ansatz: nutzen Sie die Erweiterbarkeit .Net-Datentyp system. Verwenden Sie insbesondere eine CustomTypeDescriptor. Dies ermöglicht Ihnen das erstellen einer benutzerdefinierten Typ zur Laufzeit; die wiederum ermöglicht Ihnen die DataGrid -, dass Ihre Art hat die Eigenschaften "Name1", "Name2", ... "NameN", oder was auch immer andere Sie wollen. Sehen hier ein einfaches Beispiel für diesen Ansatz.

InformationsquelleAutor McGarnagle

Wenn Sie nicht erforderlich sind, um zu zeigen, dass in einem einzigen großen DataGrid(table), dann könnten Sie eine DataGrid mit id,Bild,name,Beschreibung und wenn ein Datensatz ausgewählt ist, DataGrid, dann zeigen Sie/aktualisieren einer ListBox mit den Namen der Bilder, die in Beziehung zum ausgewählten Datensatz

InformationsquelleAutor Mauricio Gracia Gutierrez