Ajout/Supp/Modif DataGrid sans formulaire

**zeratec** · 10/04/2020, 12h27

Bonjour à tous,

Je récupère des données de fichiers .xml afin d'en faire mon ItemSource.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#region Constructor
        public OperateurDataGridViewModel()
        {
            DataGridSource = new ObservableCollection<object>();
 
            foreach (var res in OperateurProvider.getFolderDataPath())
            {
                DataGridSource.Add(new Operateur
                {
                    ID = res.Attribute("ID").Value,
                    Prenom = res.Element("Prenom").Value,
                    Nom = res.Element("Nom").Value,
                    Equipe = res.Element("Equipe").Value,
                    Ligne = res.Element("Ligne").Value,
                    Gap = res.Element("Gap").Value,
                    GapLeader = res.Element("GapLeader").Value,
                    SST = res.Element("SST").Value,
                });
            }
 
        }
        #endregion Constructor

Mon modèle associé est celui-ci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
#region Properties
        //Implémenter l'interface INotify sur chaque prop
        public string ID { get; set; }
 
        private string _prenom;
        public string Prenom 
        { 
            get
            {
                Console.WriteLine($"[test] {_prenom}");
                return _prenom;
            }
            set
            {
                _prenom = value;
                OnPropertyChanged("Prenom");
            }
        }
 
        public string Nom { get; set; }
        public string Equipe { get; set; }
        public string Ligne { get; set; }
        public string Gap { get; set; }
        public string GapLeader { get; set; }
        public string SST { get; set; }
        #endregion Properties

Je bind sans problème le tout dans ma vue

Code xaml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<DataGrid Grid.Row="1" Grid.Column="1" AutoGenerateColumns="False" AlternatingRowBackground="LightGray" ItemsSource="{Binding DataGridSource, UpdateSourceTrigger=LostFocus}">
            <DataGrid.Columns>
                <DataGridTextColumn Width="*" Header="Prenom" Binding="{Binding Prenom}" />
                <DataGridTextColumn Width="*" Header="Nom" Binding="{Binding Nom}" />
                <DataGridTextColumn Width="*" Header="Equipe" Binding="{Binding Equipe}" />
                <DataGridTextColumn Width="*" Header="Ligne" Binding="{Binding Ligne}" />
                <DataGridTextColumn Width="*" Header="Gap" Binding="{Binding Gap}" />
                <DataGridTextColumn Width="*" Header="Gap Leader" Binding="{Binding GapLeader}" />
                <DataGridTextColumn Width="*" Header="SST" Binding="{Binding SST}" />
            </DataGrid.Columns>
 
        </DataGrid>

Nom : DataGrid.PNG
Affichages : 670
Taille : 19,0 Ko

Je souhaite pouvoir créer, modifier, supprimer directement des données à partir du dataGrid.
En parcourant le forum, je suis tombé sur ce poste https://www.developpez.net/forums/d9...-datagridview/

Tomlev disait (ca doit toujours être d'actualité)

Pour une liste d'objets c'est un peu plus complexe :
- les objets de la liste doivent implémenter INotifyPropertyChanged pour déclencher un évènement quand une valeur de propriété change (sinon le DataGridView ne pourra pas le savoir)
- la liste elle-même doit implémenter IBindingList, pour déclencher un évènement quand la liste change (ajout ou suppression d'éléments). Le plus simple est d'utiliser la classe BindingList<T> qui gère déjà tout ça

J'ai suivi les conseils (en implémentant l'interface INotify), mais lors de la saisie d'une ligne, je récupère 4 fois la valeur insérée...
En implémentant IBindingList et la fonction Add c'est la même chose.
Nom : DataGrid_2.PNG
Affichages : 637
Taille : 26,2 Ko

Nom : DataGrid_2.PNG
Affichages : 637
Taille : 26,2 Ko

Sauriez-vous ce qui cloque ?

PS : le code est un peu cracra, il sera épuré par la suite

**MABROUKI** · 10/04/2020, 14h42

bonjour

le code est un peu cracra, il sera épuré par la suite

il l'est probablement ca doit etre du à la frappe sauvage et pressé.
Donc à corriger.
Comme le demontre le code ci-apres tapé calmement.
1/ class model (dossier Model):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
namespace WpfBinding.Model
{
    //Implémenter l'interface INotify
    public class ModelBase:INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        //attribut public pour evitet la uplication de code
        public void OnPropertyChanged(string propName)
        {
            PropertyChangedEventHandler h=PropertyChanged;
            if (h != null)
                h(this, new PropertyChangedEventArgs(propName));
        }
    }
 
 
 
//l'heritage simplifie la vie
    public class Item:ModelBase
    { 
        #region Properties
        private string _id;
        public string ID 
        { 
            get { return _id;}
            set
            {
                _id = value;
                OnPropertyChanged("ID");
            }
        }
        private string _nom;
        public string Nom
        {
            get { return _nom; }
            set
            {
                _nom = value;
                OnPropertyChanged("Nom");
            }
        }
        private string _prenom;
        public string Prenom 
        { 
            get { return _prenom;}
            set
            {
                _prenom = value;
                OnPropertyChanged("Prenom");
            }
        }
        private int _age;
        public int Age
        {
            get { return _age; }
            set
            {
                _age = value;
                OnPropertyChanged("Age");
            }
        }
 
 
        #endregion Properties
        public Item()
        {
 
        }
    }
}

1/ class provider (dossier Repositry ou dépôt):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
using WpfBinding.Model;
 
namespace WpfBinding.Repositry
{
    public class Provider
    {
        private Random rnd=new Random();
 
 // prop avec getter et SETTER
 private ObservableCollection<object> _dataGridSource =null;
        public ObservableCollection<object> DataGridSource  
        { 
            get{ return _dataGridSource ;}
 
      set { _dataGridSource =value; }
        }
        public Provider ()
	    {
            OperateurDataGridViewModel();
	    }
        public void OperateurDataGridViewModel()
        {
            _dataGridSource = new ObservableCollection<object>();
 
            for (int i=1 ;i<20 ;i++)
            {
                _dataGridSource.Add(
                    new Item(){ 
                        ID = i.ToString(),
                        Nom = "Nom"+i.ToString(),
                        Prenom = "Prenom"+i.ToString(),
                        Age=rnd.Next(20,60)
                });
            }
 
        }
    }
}

code xaml du form:

Code XAML :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<Window x:Class="WpfBinding.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        <DockPanel Grid.Row="0">
            <Label Margin="5" Content="nb item" />
            <TextBlock  Margin="5" Text="{ Binding DataGridSource.Count }"  VerticalAlignment="Center"/>
        </DockPanel>
        <DataGrid Grid.Row="1" Grid.Column="1" AutoGenerateColumns="False" AlternatingRowBackground="LightGray" 
                  ItemsSource="{Binding DataGridSource,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"
                   >
            <DataGrid.Columns>
                <DataGridTextColumn Width="*" Header="ID" Binding="{Binding ID}" />
                <DataGridTextColumn Width="*" Header="Nom" Binding="{Binding Nom}" />
                <DataGridTextColumn Width="*" Header="Prenom" Binding="{Binding Prenom}" />
                <DataGridTextColumn Width="*" Header="Age" Binding="{Binding Age}" />
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

code behind.cs du form:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
using WpfBinding.Repositry;
 
namespace WpfBinding
{
    /// <summary>
    /// Logique d'interaction pour MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        private Provider provider=new Provider();
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = provider;
        }
 
 
    }
}

Sélectionne une ligne ,supprime là et surveille le Count.
bon code.

**zeratec** · 10/04/2020, 15h31

Tout est bon MABROUKI, je supprime, j'ajoute, je modifie, le counter réagit correctement selon la fonction.

Ce que je ne comprends pas, c'est comment récupérer les données cellule par cellule de la ligne supprimée/ajoutée/modifiée afin d'ajouter l'élément dans un DB par exemple.

Beaucoup de tutos et vidéos traitent les actions via un formulaire. Mais c'est pas très propre visuellement. (ça m'embêterait de devoir créer un textblock par colonne puis un bouton Add,Remove, Modify. Ca va faire lourd dans l'appli)
Ca doit bien pouvoir se faire directement via le datagrid...Ce control est puissant.
Je suis convaincu qu'on puisse le faire, mais je n'arrive pas à trouver l'event qui gère ça.

**MABROUKI** · 10/04/2020, 22h41

Envoyé par zeratec

Tout est bon MABROUKI, je supprime, j'ajoute, je modifie, le counter réagit correctement selon la fonction.

Ce que je ne comprends pas, c'est comment récupérer les données cellule par cellule de la ligne supprimée/ajoutée/modifiée afin d'ajouter l'élément dans un DB par exemple.

le control est puissant.
Je suis convaincu qu'on puisse le faire, mais je n'arrive pas à trouver l'event qui gère ça.

Ah oui ce control est puissant ,mais plus puissant est l'ObservableCollection<T> qui veille au grain .

Tu eux faire la m.a.j de ta BD grâce à lui:
code behind.cs revu du class Provider:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
using WpfBinding.Model;
using System.Collections.Generic;
 
using System;
using System.Collections.ObjectModel;
using WpfBinding.Model;
 
 
namespace WpfBinding.Repositry
{
    public class Provider
    {
 
        private Random rnd=new Random();
 
        // prop avec getter et SETTER
        private ObservableCollection<object> _dataGridSource = null;
        public ObservableCollection<object> DataGridSource  
        { 
            get{ return _dataGridSource ;}
            set{  _dataGridSource =value;}
        }
        public Provider ()
	    {
            _dataGridSource = new ObservableCollection<object>();
            _dataGridSource.CollectionChanged += new System.Collections.Specialized.NotifyCollectionChangedEventHandler(_dataGridSource_CollectionChanged);
            OperateurDataGridViewModel();
	    }
 
 
        public void OperateurDataGridViewModel()
        {
 
 
            for (int i=1 ;i<20 ;i++)
            {
                _dataGridSource.Add(
                    new Item(){ 
                        ID = i.ToString(),
                        Nom = "Nom"+i.ToString(),
                        Prenom = "Prenom"+i.ToString(),
                        Age=rnd.Next(20,60)
                });
            }
 
        }
        void _dataGridSource_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
        {
            List<object> l = new List<object>();
            if (e.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Add)
            {
                l.AddRange((List<Item>)e.NewItems);
                this.AddItems(l);
            }
            if (e.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Remove)
            {
                l.AddRange((List<object>)e.NewItems);
                this.DeleteItems(l);
            }
            if (e.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Replace)
            {
                l.AddRange((List<object>)e.NewItems);
                this.ModifyItems(l);
            }
        }
        public void AddItems(List<object> itemsToAdd)
        {
            foreach (var item in itemsToAdd)
            {
                //ton code pour ajout des elements dans source de données
            }
 
        }
        public void DeleteItems(List<object> itemsToDelete)
        {
            foreach (var item in itemsToDelete)
            {
                //ton code pour suppression des elements dans source de données 
            }
        }
        public void ModifyItems(List<object> itemsToModify)
        {
            foreach (var item in itemsToModify)
            {
                //ton code pour update des elements dans source de données 
            }
        }
 
    }
}

bon code...

**zeratec** · 11/04/2020, 10h54

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
List<object> l = new List<object>();
            if (e.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Add)
            {
                l.AddRange((List<object>)e.NewItems);
                this.AddItems(l);
            }

J'ai analysé le code et j'ai parcouru la doc après l'avoir adapté dans ma situation.
La propriété "NewItems" est en ReadOnly d'après la doc. En effet, lorsque l'on exécute le code l'exception suivante est levée :

Impossible d'effectuer un cast d'un objet de type 'ReadOnlyList' en type 'System.Collections.Generic.List`1[System.Object]'.

Je n'arrive pas à trouver comment récupérer la liste de données ajoutées. Sur ce coup, même Google n'est pas mon ami

**Noxen** · 11/04/2020, 12h18

Enlève le cast, e.NewItems est une IList mais pas forcément une List<object> ; utilise plutôt e.NewItems.Cast<object>() pour obtenir un type explicite.

**Noxen** · 10/04/2020, 17h46

Envoyé par MABROUKI

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
namespace WpfBinding.Model
{
    //Implémenter l'interface INotify
    public class ModelBase:INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        //attribut public pour evitet la uplication de code
        public void OnPropertyChanged(string propName)
        {
            PropertyChangedEventHandler h=PropertyChanged;
            if (h != null)
                h(this, new PropertyChangedEventArgs(propName));
        }
    }

Qu'est-ce-que tu veux dire par //attribut public pour evitet la uplication de code ? Si tu parles de la méthode OnPropertyChanged() la mettre protected suffit pour la réutiliser dans les classes filles ; et on peut y rajouter un attribut [CallerMemberName] pour ne pas avoir à fournir explicitement le nom de la propriété.

**MABROUKI** · 10/04/2020, 18h12

Envoyé par Noxen

Qu'est-ce-que tu veux dire par //attribut public pour evitet la uplication de code ? Si tu parles de la méthode OnPropertyChanged() la mettre protected suffit pour la réutiliser dans les classes filles ; et on peut y rajouter un attribut [CallerMemberName] pour ne pas avoir à fournir explicitement le nom de la propriété.

Evidemment mais ce choix dépend de zeratec.
CallerMember n'et pas disponible sous V 2010.

Ajout/Supp/Modif DataGrid sans formulaire

C#

Vue hybride

Discussions similaires

Partager

Partager