Selected item et databinding

Version imprimable

26/07/2010, 13h34
derfez

1 pièce(s) jointe(s)

Selected item et databinding

Bonjour,

J'ai deux gridview. Je remplis le premier. Je souhaite en cliquant sur une ligne de ce premier gridview, remplir le deuxième avec les données sélectionnées, mais avec une présentation différente (passer les lignes en colonnes). cf l'image ci-dessous.

Quelqu'un peut-il éclairer mon chemin ?
Merci d'avance et bonne journée :)
26/07/2010, 14h13
Samuel Blanchard
Bonjour,

Je ne vois pas trop l'utilité de ton 2em GridView puisque c'est juste un formulaire qui ressemble à un GridView. Un UserControl bien désigné devrait faire l'affaire et c'est plus facile à mettre en place :)

Si vraiment tu veux un 2em GridView, il te faudra transformer la donnée sélectionnée dans le 1er GridView en une liste de ligne :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 public class LineOfGrid() { public string Name { get; set; } public SystemLevel { get; set; } }
Pas très propre...
26/07/2010, 14h21
derfez

Citation:

Je ne vois pas trop l'utilité de ton 2em GridView puisque c'est juste un formulaire qui ressemble à un GridView. Un UserControl bien désigné devrait faire l'affaire et c'est plus facile à mettre en place

Un Usercontrol bien désigné ? Probablement question de débutant (ah ben oui j'en suis un ^^) mais que veux tu dire par là ?
As-tu un exemple dont je puisse m'inspirer pour ma question ? et surtout comment fonctionnerait le lien SelectedItem avec la première gridview ?

merci de ta prompte réponse :)

Citation:

Un Usercontrol bien désigné ? Probablement question de débutant (ah ben oui j'en suis un ^^) mais que veux tu dire par là ?

Ton 2em GridView n'en est pas un c'est juste un formulaire qui contient des informations :

- Type :
- Severity :
...

on peut representer ce formulaire dans un UserControl (appellons le MonFormulaire) :
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 <Grid x:Name="LayoutRoot"> <Grid.ColumnDefinitions> <ColumnDefinition></ColumnDefinition> <ColumnDefinition></ColumnDefinition> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition></RowDefinition> <RowDefinition></RowDefinition> <RowDefinition></RowDefinition> <RowDefinition></RowDefinition> <RowDefinition></RowDefinition> </Grid.RowDefinitions> <TextBlock Text="Type"></TextBlock> <TextBlock Text="Severity" Grid.Row="1"></TextBlock> <TextBlock Text="{Binding Type}" Grid.Column="1" Grid.Row="0"></TextBlock> <TextBlock Text="{Binding Severity}" Grid.Column="1" Grid.Row="1"></TextBlock> </Grid>
Citation:

et surtout comment fonctionnerait le lien SelectedItem avec la première gridview

Toujours avec du Binding, mais cette fois on pointe sur l'item sélectionné du 1er GridView

Code:

<my:MonFormulaire DataContext="{Binding SelectedItem, ElementName=MonPremierGridView}/>

merci, en effet ça marche nickel, mais j'ai besoin d'un gridview.
De fait, mon seul souci est le databinding.
Je rempli facilement une liste de couple de données que j'appelle SelectedElementList (le debugger me montre bien que mes données sont ramenées) mais rien ne s'affiche ni au chargement de la page ni à la sélection d'une nouvelle ligne.
Voici mon code xaml.
Manque-t-il quelquechose ? Y'a-t-il des évènements en plus à gérer en code behind ?
Merci d'avance :)
Code:

1 2 3 4 5 6 7 8 <StormGridView:StormGridView Grid.Row="1" RowIndicatorVisibility="Collapsed" AutoGenerateColumns="False" IsReadOnly="True" ShowGroupPanel="False" x:Name="DetailsGridView" ItemsSource="{Binding Path=SelectedElementList}"> <StormGridView:StormGridView.Columns> <StormGridView:StormGridViewColumn Header="Name" DataMemberBinding="{Binding Path=LineName}" HeaderTextAlignment="Center" Width="*"/> <StormGridView:StormGridViewColumn Header="{Binding Path=HeaderValue}" DataMemberBinding="{Binding Path=LineValue}" HeaderTextAlignment="Center" Width="300" TextWrapping="Wrap"/> </StormGridView:StormGridView.Columns> </StormGridView:StormGridView>

27/07/2010, 09h34
Samuel Blanchard

Tu peux nous montrer comment tu génères SelectedElementList et sa déclaration ? Pas d'erreur de Binding dans ta fenêtre Output ?

dans ma page viewmodel je fais la chose suivante:

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
        /// <summary></summary>
        List<SelectedLine> selectedElementList = new List<SelectedLine>();
 
...
 
        public List<SelectedLine> SelectedElementList
        {
            get { return selectedElementList; }
            set
            {
                selectedElementList = value;
                SafeNotify("SelectedElementList");
            }
        }
...
        public void SelectedElement(CustomDownload cd)
        {
            // New SelectedLine class
            SelectedLine selectedLine = new SelectedLine();
            selectedLine.HeaderValue = cd.QCName;
            selectedLine.AddInformation("Type", cd.QCType);
            selectedLine.AddInformation("Severity", cd.QCSeverity);
            selectedLine.AddInformation("Description", cd.QCDescription);
            selectedLine.AddInformation("Synopsis", cd.QCSynopsis);
 
            // add selected information in list
            SelectedElementList.Add(selectedLine);
 
            SafeNotify("SelectedElementList");
        }

ma classe SelectedLine me permet d'ajouter mon couple de valeurs :

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Collections.Generic;
 
namespace QualityControl.DataContract
{
    public class SelectedLine
    {
        #region attributes        
        /// <summary></summary>
        string headerValue;
        /// <summary></summary>
        List<LineOfGrid> coupleList = new List<LineOfGrid>();
        #endregion
 
        #region Properties
        /// <summary></summary>
        public List<LineOfGrid> InformationList
        {
            get { return coupleList; }
            set { coupleList = value; }
        }
        /// <summary></summary>
        public string HeaderValue
        {
            get { return headerValue; }
            set { headerValue = value; }
        }
        #endregion
 
        #region constructor
        /// <summary>
        /// 
        /// </summary>
        /// <param name="headerValue"></param>
        void SelectLine(string headerValue)
        {
            this.HeaderValue = headerValue;
        }
        #endregion
 
        #region methods
        /// <summary>
        /// 
        /// </summary>
        /// <param name="name"></param>
        /// <param name="value"></param>
        public void AddInformation(string name, string value)
        {
            coupleList.Add(new LineOfGrid()
                            {
                                LineName = name,
                                LineValue = value
                            }
                          );
        }
        #endregion
 
    }
 
    public class LineOfGrid
    {
        #region Attributes
        /// <summary></summary>
        string lineName;
        /// <summary></summary>
        string lineValue;
        #endregion
 
        #region Properties
        /// <summary></summary>
        public string LineName
        {
            get { return lineName; }
            set { lineName = value; }
        }
        /// <summary></summary>
        public string LineValue
        {
            get { return lineValue; }
            set { lineValue = value; }
        }
        #endregion
    }
}

j'avoue que je m'arrache les cheveux car ma liste SelectedElementList se remplit mais rien au niveau de la page xaml.

27/07/2010, 10h03
Samuel Blanchard

A première vue, tu devrais remplacer tes List par des ObservableCollection.

Citation:

Vous pouvez énumérer toute collection qui implémente l'interface IEnumerable.Toutefois, pour paramétrer des liaisons dynamiques afin que les insertions ou suppressions dans la collection mettent automatiquement à jour l'interface utilisateur, la collection doit implémenter l'interface INotifyCollectionChanged.Cette interface expose l'événement CollectionChanged qui doit être déclenché à chaque fois que la collection sous-jacente est modifiée.

Il est vrai que je n'avais pas précisé ça, mais j'implémente déjà INotifyCollectionChanged dans mon ViewModel. Donc ça devrait fonctionner.
Code:

1 2 3 4 5 6 7 8 9 10 11 #region IPropertyChangedEvent public event PropertyChangedEventHandler PropertyChanged; private void Notify(String info) { if (PropertyChanged != null) { this.PropertyChanged(this, new PropertyChangedEventArgs(info)); } } #endregion
En plus je dois avouer que je ne comprends pas trop comment s'utilise cet outil ObservableCollection (j'apprends j'apprends ^^).

27/07/2010, 10h26
Samuel Blanchard

Citation:

En plus je dois avouer que je ne comprends pas trop comment s'utilise cet outil ObservableCollection (j'apprends j'apprends ^^).

Tu remplace simplement List<> par ObservableCollection<>
ObservableCollection permet la notification lors de changement interne de ces items (Add, Remove, Reset, Replace). La classe INotifyPropertyChanged te permet de notifier les changements des propriétés de ta classe (ici un remplacement complet de ta list) mais pas des items à l'intérieur de ceux-ci (un add n'effectue pas de notification).

EDIT : ObservableCollection est reconnu par le Binding qui s'abonne automatiquement à ces changements internes. Ce n'est pas le cas de List.

Je t'avoue que je n'ai regardé que briévement tes classes mais c'est la première chose qui m'est venue à l'idée car dans une classe de type INotifyPropertyChanged les Lists sont remplacées par des ObservableCollection en général.

Merci, ça m'aura éclairé au moins sur le pourquoi du comment. Par contre aucun changement avec les ObservableCollections. Je me dis que ca doit venir peut être du Binding dans la page xaml ou bien du datacontext.
je l'ai défini comme suit dans ma classe view.xaml.cs, au niveau de l'évènement de sélection de la ligne de ma première gridview.
Code:

1 2 3 4 private void QCInfos_SelectionChanged(object sender, SelectionChangeEventArgs e) { (DataContext as QualityControlViewModel).SelectedElement(QCInfos.SelectedItem as CustomDownload); }
si quelqu'un a une idée (géniale) ? :)

Hop ! après grand nettoyage, j'ai trouvé. Merci pour l'aide Sam.
Pour ceux intéressés par la solution, c'est ici.

ma classe de liste

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Collections.Generic;
using System.Collections.ObjectModel;
 
 
namespace QualityControl.DataContract
{
    public class SelectedLine
    {
        #region attributes        
        /// <summary></summary>
        string lineName;
        /// <summary></summary>
        string lineValue;
        #endregion
 
        #region Properties       
 
        /// <summary></summary>
        public string LineName
        {
            get { return lineName; }
            set { lineName = value; }
        }
        /// <summary></summary>
        public string LineValue
        {
            get { return lineValue; }
            set { lineValue = value; }
        }
        #endregion
 
        #region constructor
        /// <summary>
        /// 
        /// </summary>
        /// <param name="headerValue"></param>
        public SelectedLine(string lineName, string lineValue)
        {
            this.lineName = lineName;
            this.lineValue = lineValue;
        }
        #endregion
    }
}

mon code behind xaml

Code:

1
2
3
4
5
6
        private void QCInfos_SelectionChanged(object sender, SelectionChangeEventArgs e)
        {
            string columnName = (DataContext as QualityControlViewModel).SelectedElement(QCInfos.SelectedItem as CustomDownload);
 
            DetailsGridView.Columns[1].Header = columnName;
        }

ma page xaml

Code:

1
2
3
4
5
6
7
8
                <StormGridView:StormGridView Grid.Row="1" RowIndicatorVisibility="Collapsed" AutoGenerateColumns="False" IsReadOnly="True"
                                             ShowGroupPanel="False" x:Name="DetailsGridView"
                                             ItemsSource="{Binding Path=SelectedElementList}">
                    <StormGridView:StormGridView.Columns>
                        <StormGridView:StormGridViewColumn Header="Name" DataMemberBinding="{Binding Path=LineName}" HeaderTextAlignment="Center" Width="100"/>
                        <StormGridView:StormGridViewColumn DataMemberBinding="{Binding Path=LineValue}" HeaderTextAlignment="Center" Width="*" TextWrapping="Wrap"/>
                    </StormGridView:StormGridView.Columns>
                </StormGridView:StormGridView>

et enfin dans mon view model

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
        /// <summary></summary>
        ObservableCollection<SelectedLine> selectedElementList = new ObservableCollection<SelectedLine>();
...
        public ObservableCollection<SelectedLine> SelectedElementList
        {
            get { return selectedElementList; }
            set
            {
                selectedElementList = value;
                SafeNotify("SelectedElementList");
            }
 
...
        public string SelectedElement(CustomDownload cd)
        {
            // Clear list
            SelectedElementList.Clear();
 
            // add selected information in list
            SelectedElementList.Add(new SelectedLine("Type", cd.QCType));
            SelectedElementList.Add(new SelectedLine("Severity", cd.QCSeverity));
            SelectedElementList.Add(new SelectedLine("Description", cd.QCDescription));
            SelectedElementList.Add(new SelectedLine("Synopsis", cd.QCSynopsis));
 
            return cd.QCName;
        }