Le remplissage d'une grille de données avec des Colonnes dynamiques

Il y a au moins trois façons de le faire:

1. Modifier la grille de données de colonnes manuellement à partir du code-behind
2. Utiliser un DataTable que l'ItemsSource *

3. Utiliser un CustomTypeDescriptor

   *recommandé pour des raisons de simplicité

---

1ère approche: utiliser le code-behind pour générer la grille de données de colonnes lors de l'exécution. C'est simple à mettre en œuvre, mais peut-être se sent un peu hackish, surtout si vous êtes en utilisant MVVM. Donc, si vous voulez votre grille de données avec des colonnes fixes:

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

Lorsque vous avez votre "Noms" prêt, puis modifier la grille en ajoutant/supprimant des colonnes, par exemple:

//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 
        });
    }
}

Vous aurez envie de créer une classe wrapper, qui devrait contenir la classe d'origine, en plus d'un dictionnaire qui contient les propriétés personnalisées. Disons que votre ligne principale de la classe est "User", vous voudriez une classe wrapper quelque chose comme ceci:

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

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

Remplir le ItemsSource avec une collection de cette nouvelle "CustomUser" classe:

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

Afin de les lier ensemble, par exemple:

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ème approche: utiliser un DataTable. Cela rend l'utilisation de ce type d'infrastructure sous le capot, mais est plus facile à utiliser. Juste lier le contrôle DataGrid est ItemsSource à un DataTable.DefaultView propriété:

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

Ensuite, vous pouvez définir les colonnes toutefois vous le souhaitez, par exemple:

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ème approche: faire usage de l'extensibilité de .Net type de système. Plus précisément, l'utilisation d'un CustomTypeDescriptor. Cela vous permet de créer un type personnalisé lors de l'exécution; qui à son tour vous permet d'indiquer la grille de données que votre type a les propriétés "Nom1", "Nom2", ... "Namur", ou ce que d'autres vous voulez. Voir ici pour un simple exemple de cette approche.

OriginalL'auteur McGarnagle

Si vous n'êtes pas tenu de démontrer que dans une seule grille de données(table), alors vous pourriez avoir un DataGrid avec id,image,nom,Description et lorsque l'un des dossiers est sélectionnée sur que la grille de données, alors vous montrez de rafraîchissement ou d'une zone de liste avec le nom des images qui sont liés à cet enregistrement sélectionné

OriginalL'auteur Mauricio Gracia Gutierrez