Datagrid avec génération de colonne

Version imprimable

14/12/2010, 10h19
Jeremyl159

Datagrid avec génération de colonne

Bonjour,

Pour le contexte : j'ai datagrid dont les colonnes sont créées dans le code behind (je ne les connais pas à l'avance). De plus je dois pouvoir changer les couleurs des cellules...

Mon problème :

Il est possible de définir un « datatemplate » pour les cellules d’un «datagrid».On a alors en datacontext l’objet « row » d’un « datagird ».

Si je définis mes colonnes (GridTemplateColumn) dans le xaml, j’arrive sans souci à définir ce « datatemplate » et afficher les informations en utilisant un dictionnaire de dont la valeur est un objet metier « Cellule » plus un converter qui va chercher la bonne cellule à afficher en fonction de la colonne.

Le problème apparait quand je définis mes colonnes dans le code behind : je suis obligé de créer un datatemplate dans une feuille de style ou de passer par XamlReader. Mais le converter ne fonctionne pas (le problème doit venir du fait que ce code est généré après le xaml de l’application).

J’ai donc utiliser un autre type de colonne : « GridTextColumn » car il posisble de définir un binding et un converter dans le code behind mais je rencontre d’autres problèmes :

Cette solution ne permet pas de définir un datatemplate et de personnaliser l'affichage.
Je n’arrive pas à récupérer les modifications apporter au « datagrid » (aucun événement, rien dans le converter back, même visuellement le texte reprend sa valeur par défaut après une modification).

De l'aide serait la bienvenue,

Merci
14/12/2010, 10h37
Samuel Blanchard

Bonjour,

Tu peux nous fournir un peu de code, notamment sur la mise en place du converter coté XAML.

Voici mon converter :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
public class CelluleConverter : IValueConverter
{
    public object Convert(object value, Type targetType,
          object parameter, CultureInfo culture)
    {
        Dictionary<string, ICelluleViewModel> row = value as Dictionary<string, ICelluleViewModel>;
        string key = parameter as string;
        if(row.Keys.Contains(key))
        {
            return row[key].TextDefaut;
        }
        else
        {
            return null;
        }
    }
 
    public object ConvertBack(object value, Type targetType,
            object parameter, CultureInfo culture)
    {
        return null;
    }
}

le code xaml (MonDatagrid_LoadingRow me permet de faire un peu de formatage : couleur...):

Code:

1
2
3
4
5
6
 
<data:DataGrid Margin="0,5,0,5" MaxHeight="350" MaxWidth="1270" x:Name="MonDatagrid" 
                               AutoGenerateColumns="False" 
                               ItemsSource="{Binding RowCollection, Mode=TwoWay}" 
                               LoadingRow="MonDatagrid_LoadingRow">
</data:DataGrid>

le code behind pour générer mes colonnes :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
for (int i = 1; i < columns.Count; i++)
            {
                DataGridTextColumn dgtc = new DataGridTextColumn() { };
                dgtc.Header = columns[i];
                dgtc.CanUserSort = false;
                dgtc.SortMemberPath = columns[i];
                CelluleConverter converter = new CelluleConverter ();
                dgtc.CanUserReorder = true;
                dgtc.Binding = new Binding() { Converter = converter, ConverterParameter = columns[i] };
                MonDatagrid.Columns.Add(dgtc);
            }

14/12/2010, 10h58
Samuel Blanchard

tu rentres dans CelluleConverter ?

Quand j'utilise un DataGirdTextColumn oui, mais si je fais appel a ce converter via un datatemplate definis dans un style xaml, non:

voici le datatemplate définit dans une feuille de style :

Code:

1
2
3
4
 
<DataTemplate x:Key="CelluleMatrice">
<TextBox BorderThickness="0.3" Margin="0"                                             Text="{Binding Converter={StaticResource CelluleConverter}}"  />
</DataTemplate>

voici la génération d'un colonne DataGridTemplateColumns :

Code:

1
2
3
4
5
6
7
8
9
10
for (int i = 1; i < columns.Count; i++)
            {
                DataGridTemplateColumn dgtc = new DataGridTemplateColumn() { };
                dgtc.Header = columns[i];
                dgtc.CanUserSort = false;
                dgtc.SortMemberPath = columns[i];
                dgtc.CanUserReorder = true;
                dgtc.CellTemplate = (DataTemplate)Application.Current.Resources["CelluleMatrice"];
                MonDatagrid.Columns.Add(dgtc);
            }

14/12/2010, 11h36
Samuel Blanchard
si dans ton DataTemplate tu rajoutes cette ligne :
Code:

1 2 <TextBlock Text="{Binding Source={StaticResource CelluleConverter}}"/>
cela t'affiche bien le type du converter ?
14/12/2010, 13h28
Jeremyl159

J'obtiens :

Code:

System.Collections.Generic.Dictionary`2[System.String,XXX.Cellule.Interfaces.ICelluleViewModel]

Ce qui correspond bien au type d'entré du converter (celui de value).
14/12/2010, 13h49
Samuel Blanchard

Regarde bien le textblock que je t'ai demandé d'ajouter. Il est la pour tester la source ton converter et non la donnée bindee ;)

C'est bien ce que j'ai fais et j'ai bien l'affichage précédent.

En test complémentaire, j'ai tout placé dans le code xaml et là j'ai bien ce que tu attendais :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <data:DataGrid Margin="0,5,0,5" MaxHeight="350" MaxWidth="1270" x:Name="MonDatagrid" AutoGenerateColumns="False" ItemsSource="{Binding RowCollection, Mode=TwoWay}" LoadingRow="MonDatagrid_LoadingRow"> <data:DataGrid.Columns> <data:DataGridTemplateColumn> <data:DataGridTemplateColumn.CellTemplate> <DataTemplate> <TextBlock Text="{Binding Source={StaticResource CelluleConverter}}"/> </DataTemplate> </data:DataGridTemplateColumn.CellTemplate> </data:DataGridTemplateColumn> </data:DataGrid.Columns> </data:DataGrid>
Et j'ai donc dans le textBlock :

Code:

XXX.PartsModule.Contenu.Views.CelluleConverter

J'ai donc orienté mes recherches sur ce point pour trouver finalement qu'on ne pouvait pas utiliser de converter ou d'évènements avec ma méthode.

On m'oriente alors vers "Application.LoadComponent" mais je ne vois pas pourquoi cette solution me permettait d'utiliser des converters?

C'est un peu bizarre cette histoire :)

je te livre mon code qui fonctionne en SL3 & 4 et qui j'espère t'aidera (à moins qu'une partie du problème m'ait échappée) :

le Converter :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
    public class ConverterTest : IValueConverter
    {
 
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            return "*" + value.ToString() + "*";
        }
 
        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

coté App.xaml : on definit le converter et le datatemplate
en resource

Code:

1
2
3
4
5
6
 
        <local:ConverterTest x:Key="ConverterTest"></local:ConverterTest>
 
        <DataTemplate x:Key="MyCellTemplate">
            <Button Content="{Binding Converter={StaticResource ConverterTest}}"></Button>
        </DataTemplate>

coté MainPage.XAML : juste la grille

Code:

1
2
3
4
5
6
    <Grid x:Name="LayoutRoot" Background="White">
 
        <sdk:DataGrid x:Name="DataGrid" AutoGenerateColumns="False" ItemsSource="{Binding Items}">
 
        </sdk:DataGrid>
    </Grid>

coté MainPage.cs :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
 
            this.LayoutRoot.DataContext = this;
            this.Items = new ObservableCollection<int>() { 1, 2, 3, 4 };
 
            this.Loaded += new RoutedEventHandler(MainPage_Loaded);
 
        }
 
        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            DataGridTemplateColumn dgtc = new DataGridTemplateColumn() { };
 
            dgtc.Header = "Behind";
            dgtc.CellTemplate = (DataTemplate)Application.Current.Resources["MyCellTemplate"];
 
            this.DataGrid.Columns.Add(dgtc);
        }
 
        public ObservableCollection<int> Items
        {
            get { return (ObservableCollection<int>)GetValue(ItemsProperty); }
            set { SetValue(ItemsProperty, value); }
        }
 
        // Using a DependencyProperty as the backing store for Items.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty ItemsProperty =
            DependencyProperty.Register("Items", typeof(ObservableCollection<int>), typeof(MainPage), new PropertyMetadata(null));