English version available HERE
Le code source du projet est disponible ici.
Un exemple live juste en dessous !
Je travaille actuellement sur le composant AgDataGrid, un excellent contrôle Silverlight gratuit et open source de DevExpress (Démonstration complète ici). Bien entendu, mon but est d'implémenter celui-ci comme widget dans PowerShell Dashboard ;-)
J'ai rencontré un petit problème, qui est d'ailleurs valable pour le contrôle DataGrid standard de Silverlight 2, et plus généralement pour la génération dynamique d'objets typés en .NET :
Comment créer dynamiquement la Datagrid ?
AgDatagrid et la datagrid Silverlight 2 utilisent un objet de type IList pour construire la Datasource. Quand on utilise du code managé (C#/VB.NET...), vous devez créer une classe représentant vos données pour pouvoir construire cette IList :
1: public class Person {
2: public string Name {
3: get; 4: set; 5: } 6: 7: public string City {
8: get; 9: set; 10: } 11: 12: public string State {
13: get; 14: set; 15: } 16: } 17: 18: new Person() {
19: me = "Michael Jordan", City="Chicago", State="IL" },
20: new Person() {
21: me = "Kobe Bryant", City="Los Angeles", State="CA" },
22: new Person() {
23: me = "Shaquille O'Neil", City="Miami", State="FL" },
24: new Person() {
25: me = "Patrick Ewing", City="New York", State="NY" }
26: Je veux en effet utiliser la grid pour afficher mes données venant de PowerShell, je ne connais donc pas par avance le type des objets ni le nombre de colonnes...
Voici le point clé : je ne peux pas utiliser de classe statique pour définir mes données dans le contrôle Silverlight.
Nous avons deux stratégies à notre disposition pour arriver à notre résultat :
Alors, pouvons nous créer dynamiquement la classe dans notre code managé ?
Ma réponse est : OUI !
Après quelques recherches (INTENSIVES est le mot juste), j'ai trouvé un post excellent de Vladimir Bodurov sous le thème : "How to generated dynamically typed objects in .NET" :
http://www.simple-talk.com/dotnet/.net-framework/dynamically-generating--typed-objects-in-.net/
Bingo ! Vladimir nous donne le code magique pour construire nos objets dynamiquement que nous pouvons simplement implémenter comme Datasource, sans coder de classe statique !
Allons-y messieurs dames, jetons un oeil dans le code !
Mon exemple est l'implémentation la plus basique possible afin de bien vous faire comprendre le principe
mon fichier Page.xaml est plutôt simple :
Voici le code XAML de la page:
1: <UserControl x:Class="AgDatagridDynamicData.Page"
2: xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3: xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4: xmlns:ag="clr-namespace:DevExpress.Windows.Controls;assembly=DevExpress.AgDataGrid.v8.2"
5: xmlns:local="clr-namespace:AgDatagridDynamicData"
6: Width="800" Height="600">
7: <Grid x:Name="LayoutRoot" Background="black">
8: <Grid>
9: <Grid.RowDefinitions>
10: <RowDefinition Height="Auto"></RowDefinition>
11: <RowDefinition Height="Auto"></RowDefinition>
12: <RowDefinition Height="Auto"></RowDefinition>
13: <RowDefinition Height="Auto"></RowDefinition>
14: </Grid.RowDefinitions>
15: <Grid.ColumnDefinitions>
16: <ColumnDefinition Width="Auto"/>
17: <ColumnDefinition Width="Auto"/>
18: </Grid.ColumnDefinitions>
19: <TextBlock Width="Auto" Grid.Row="0" Grid.Column="0" Text="Columns (Parse with ';'):" />
20: <TextBox x:Name="ColumnsData" Background="blackSmoke" Width="500" Grid.Row="0" Grid.Column="1" Text="Column1;Column2;Column3"></TextBox>
21: <TextBlock Width="Auto" Grid.Row="1" Grid.Column="0" Text="Data (Parse Row with '*', cells with ';' :" />
22: <TextBox x:Name="CellsData" Background="blackSmoke" Width="500" Grid.Row="1" Grid.Column="1" Text="DataA1;DataA2;DataA3*DataB1;DataB2;DataB3"></TextBox>
23: <Button Click="Button_Click" Grid.Row="2" Grid.ColumnSpan="2" Content="Generate AgDataGrid"></Button>
24: <ag:AgDataGrid Width="800" Height="400" Grid.Row="3" Grid.ColumnSpan="2" AutoGenerateColumns="True" x:Name="mygrid">
25: </ag:AgDataGrid>
26: </Grid>
27: </Grid>
28: </UserControl>
Colonne :
Column1;Column2;Column3
Données :DataA1;DataA2;DataA3*DataB1;DataB2;DataB3*DataC1;DataC2;DataC3
Voyons notre classe principale (UserControl ) :
1: public partial class Page : UserControl
2: { 3: string Columns;
4: string Data;
5: public Page()
6: { 7: InitializeComponent(); 8: } 9: 10: private void Button_Click(object sender, RoutedEventArgs e)
11: { 12: 13: mygrid.Columns.Clear(); 14: // Adding Columns to the AgDatagrid
15: // With Column type added in the Columns string
16: // we could use a Type checker and setting Column Type
17: // from code behind :
18: // mygrid.Columns.Add(new AgDataGridTextColumn() { FieldName = SingleColumn});
19: Columns = ColumnsData.Text; 20: Data = CellsData.Text; 21: foreach (string SingleColumn in Columns.Split(';'))
22: { 23: mygrid.AddColumn(SingleColumn); 24: } 25: 26: // Here we set the DataSource with a direct call to the function of
27: // Vladimir
28: mygrid.DataSource = GenerateData().ToDataSource(); 29: }
Rien de spécial dans la fonction Public Page() : J'initialise le composant (c'est le code par défaut)
Tout est dans la fonction "Button_Click" :1: private void Button_Click(object sender, RoutedEventArgs e)
2: { 3: 4: mygrid.Columns.Clear(); 5: // Adding Columns to the AgDatagrid
6: // With Column type added in the Columns string
7: // we could use a Type checker and setting Column Type
8: // from code behind :
9: // mygrid.Columns.Add(new AgDataGridTextColumn() { FieldName = SingleColumn});
10: Columns = ColumnsData.Text; 11: Data = CellsData.Text; 12: foreach (string SingleColumn in Columns.Split(';'))
13: { 14: mygrid.AddColumn(SingleColumn); 15: } 16: 17: // Here we set the DataSource with a direct call to the function of
18: // Vladimir
19: mygrid.DataSource = GenerateData().ToDataSource(); 20: }Ensuite nous récupérons les données des 2 textbox, puis nous allons créer les colonnes :
1: foreach (string SingleColumn in Columns.Split(';'))
2: { 3: mygrid.Columns.Add(new AgDataGridTextColumn() { FieldName = SingleColumn });
4: }Ensuite, je défini la Datasource:
1: mygrid.DataSource = GenerateData().ToDataSource(); 1: public IEnumerable<IDictionary> GenerateData()
2: { 3: string[] dataSplit = Data.Split('*');
4: int RowNumber = dataSplit.Count();
5: string[] ColumnSplit = Columns.Split(';');
6: int ColumnNumber = ColumnSplit.Count();
7: for (var i = 0; i < RowNumber; i++)
8: { 9: string[] cellData = dataSplit[i].Split(';');
10: var dict = new Dictionary<string, object>();
11: for (var j = 0; j < ColumnNumber; j++)
12: { 13: dict[ColumnSplit[j]] = cellData[j]; 14: } 15: yield return dict;
16: } 17: }Des questions ? les commentaires sont à votre disposition !
AMUSEZ VOUS BIEN AVEC SILVERLIGHT ET AGDATAGRID !
