Binding modéle MVVM

Version imprimable

2 pièce(s) jointe(s)

Binding modéle MVVM

Bonsoir à tous.

Voila, je bloque complétement sur le principe du binding.

ComboBox, TextBox (Box_Recherche) et Bouton dans le MainWindow

Pièce jointe 603826

Deux TextBox dans une UserControl que je mets dans un dossier "View" et que j'appelle "Information"

Pièce jointe 603827

J'ajoute "Information" dans mon MainWindows
Code:

1 2 3 <Grid x:Name="Information" Grid.Row="3" Grid.Column="0" Grid.RowSpan="1" Grid.ColumnSpan="12"> <view:Information/> </Grid>
Je créé deux autre dossiers

- Models
- ModelView

Dans Models je créé une class que j'appelle "Variable_Information"
Dans ModelView je créé une class que j'appelle "ModelView_Information"

Dans la class "Variable_Information"
Code:

1 2 3 4 5 public class Information { public string Information1 { get; set; } public string Information2 { get; set; } }
Dans ma class "ModelView_Information"
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 // Je n'oublie pas les using public class ModelView_Information { public Variable_Information Variable_Information { get; set; } public ModelView_Information() { string sourceConstr = @"Provider=Microsoft.ACE.OLEDB.12.0;Data Source='C:\Users\Utilisateur\Desktop\BDD.xlsx';Extended Properties='excel 8.0;HDR=Yes;IMEX=1'"; try { OleDbConnection Connexion = new OleDbConnection(sourceConstr); Connexion.Open(); OleDbCommand cmd = new OleDbCommand("select * from [Feuil1$] where [" + ComboBox + "]= '" + Box_Recherche + "'", Connexion); OleDbDataReader dr = cmd.ExecuteReader(); dr.Read(); if (dr.HasRows) { Variable_Information.Information1= dr[0].ToString(); Variable_Information.Information2= dr[1].ToString(); } else { } Connexion.Close(); } catch { MessageBox.Show("Impossible de se connecter à la base de donnée. Veuillez réessayer", "Erreur BDD", MessageBoxButton.OK, MessageBoxImage.Information); } } }
Dans le code behind de MainWindow je créé un event Click sur le bouton.
Code:

1 2 3 4 5 6 private void Bouton_Recherche_Click(object sender, RoutedEventArgs e) { ModelView_Information modelView_information = new ModelView_Information(); Information.DataContext = modelView_information; }
Pour finir je fait un binding sur les TextBox dans mon UserControl "Information".

Information1

Code:

Text="{Binding Variable_Information.Information1}

Code:

Text="{Binding Variable_Information.Information2}

Mes problèmes sont les suivants:

- Je ne récupère pas les valeurs de mes variable et rien ne s'affiche dans UserControl "Information". Sauf si je déclare mes variables dans la class "ModelView_Information"
- Je n'arrive pas à récupérer la valeur de Box_Recherche et du choix ComboBox
- Si je mets ModelView_Information dans le DataContext de mon UserControl "Information", tout s'exécute avant que j'appuie sur le bouton.

Merci pour vos réponses

24/08/2021, 23h24
WDKyle

Bonsoir,

Pouvez-vous me joindre en fichier joint (zip) votre projet ?

Merci.
25/08/2021, 00h39
Tonyto

1 pièce(s) jointe(s)

Voici

Pièce jointe 603830

Merci à vous

Bonjour,

Vous ne savez pas utiliser le débogeur de Visual Studio ? Le projet était en Release, dans ce cas impossible de trouver le soucis facilement... Il faut vous mettre en Debug et seulement en Release lorsque vous souhaitez publier votre application.

Votre code ne fonctionne pas car la propriété variable_information dans la classe ModelView_Information n'est pas public, donc votre "vue" n'y à pas accès et elle n'est pas non plus allouée...

J'ai réduit volontairement le code car je n'ai pas votre provider de base de données, mais vous devriez pouvoir vous y retrouver :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 public class ModelView_Information { public Variable_Information variable_information { get; set; } public ModelView_Information() { variable_information = new Variable_Information(); variable_information.Utilisateur = "Albert"; variable_information.Telephone = "0123456789"; variable_information.Adresse = "le bourg"; } }
Par contre, il ne faut surtout pas appeler des éléments de la "vue" dans vos "viewmodels", comme Combobox_Recherche.Text. En plus d'être inaccessible, cela crée un lien fort avec la "vue" ce qui n'est pas propre en WPF/MVVM.

Il y a plein d'autres choses à redire sur votre code mais je comprends bien que vous êtes débutant. Je vais voir pour vous créer un petit projet basé sur le votre avec du MVVM propre pour que vous voyez la différence ;)

25/08/2021, 13h30
Tonyto

Bonjour,

Merci beaucoup pour votre retour. Effectivement je suis débutant et complétement autodidacte sur ces projets.

j'ai changé la propriété variable_information comme indiqué en public et instancié ensuite. Mais le binding ne fonctionne pas, la propriété Text de mes TextBox sont vide.

Concernant : "Par contre, il ne faut surtout pas appeler des éléments de la "vue" dans vos "viewmodels", comme Combobox_Recherche.Text. En plus d'être inaccessible, cela crée un lien fort avec la "vue" ce qui n'est pas propre en WPF/MVVM"

Je voulais simplement vous montrer les variables que j'utilise dans ma requête. En fonction du choix sélectionné dans le ComboBox et le Texte dans Box_Recherche. Cependant je n'ai pas la solution car j'ai commencé par coder directement dans MainWindow sur les events (comme un bon débutant :D). Je n'ai pas encore la logique MVVM.
25/08/2021, 15h36
WDKyle

1 pièce(s) jointe(s)

Voici un idée de petit projet MVVM ;)

C'est très succinct, il manque l'injection de dépendance, des interfaces en plus des classes pour découpler encore un peu plus.
25/08/2021, 18h51
Tonyto

Whaou 8O

J'ai du boulot, il y a plein de choses que je ne comprends pas, en tout merci à toi pour ton implication.

J'ai déjà vu dans pas mal de tutos la propriété INotifyPropertyChanged, mais je ne sais pas du tout son intérêt. Également yield return.
26/08/2021, 07h22
zeratec

Dans un projet Mvvm, tout est basé sur le binding. Que ce soit la gestion des affichages (textbox, label, usercontrol...) ou les contrôles (button, radiobutton, togglebutton....)

Deux classes génériques sont nécessaires.
- une qui implémente INotifyPropertyChanged
- une qui implémente ICommand, souvent appellé "RelayCommand"

INotifyPropertyChanged est une interface générique permettant de réaliser des actions lorsque la propriété est appelée dans ta Vie Model.
Cette interface permet d' "écouter" ta vue et d'agir lorsque des propriétés sont appelés via binding.

Je pense avoir compris ICommand et à peu près le cheminement du modèle MVVM, mais du coup ma question est la suivante:

Mon code pour me connecter à ma BDD Excel est-il bon, ou faut-t-il que je fasse d'une autre façon ? Car cette BDD va comprendre des centaines de contacts et il faut qu'elle soit modifiable à tout moment.

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
 
 
string sourceConstr = @"Provider=Microsoft.ACE.OLEDB.12.0;Data Source='C:\Users\Utilisateur\Desktop\BDD.xlsx';Extended Properties='excel 8.0;HDR=Yes;IMEX=1'";
 
            try
            {
                OleDbConnection Connexion = new OleDbConnection(sourceConstr);
                Connexion.Open();
                OleDbCommand cmd = new OleDbCommand("select * from [Feuil1$] where [" + ComboBox + "]= '" + Box_Recherche + "'", Connexion);
                OleDbDataReader dr = cmd.ExecuteReader();
                dr.Read();
 
                if (dr.HasRows)
                {
                    Variable_Information.Information1= dr[0].ToString();
                    Variable_Information.Information2= dr[1].ToString();
                }
                else
                {
                }
 
                Connexion.Close();
            }
            catch
            {
                MessageBox.Show("Impossible de se connecter à la base de donnée. Veuillez réessayer", "Erreur BDD", MessageBoxButton.OK, MessageBoxImage.Information);
            }

27/08/2021, 14h52
WDKyle

Bonjour,

Je pense qu'il y a mieux comme base de données local (ton besoin est un simple accès en local ?) comme SQLite et celui-ci est utilisable avec Entity Framework et bien plus robuste qu'un fichier Excel.

Ensuite, tu dois créer une classe XXXDataService qui fera le travail d'aller chercher les données dans la base. Ce n'est pas au viewmodel de faire ce job (https://www.c-sharpcorner.com/articl...-with-c-sharp/).