Discussion :

[Imrik]

Bonjour à tous

J'aimerais pouvoir faire communiquer des Usercontrol entre eux sans que la page WPF n'interviennent trop directement.

Je m'explique. J'ai conçu deux UserControl. Ensemble j'aimerais qu'il forme un filtre pour mes données.
Ainsi le UserControl F_filtre est utilisé pour filtrer sur un champ de mon choix. Il peut être utilisé autant de fois que nécessaire. Par exemple sur le screen qui suit il est représenté par UserControl 1 et 2.

Le deuxième UserControl est le F_Appliquer_Filtre qui représente deux boutons (pour appliquer et supprimer un filtre). Représenté par le UserControl 3.



Mon but (utopique ?) est de pouvoir récupérer sur le CLICK du bouton du UserControl 3, les données des UserControl 1 et 2 (ou plus !).

Donc au final j'aimerais faire sur mon UserControl 3 un :

Code :

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

Foreach( F_Filtre F in MaPageWPF) ...

Je vous remercie de votre aide

Bonne journée

[jmix90]

Bonjour,

Si ta vue entière est bindée sur un ViewModel, chacun des filtres peut être lui-mêmes bindés sur un viewModel contenu dans une collection du ViewModel parent.

Ton UserControl est alors le DataTemplate affichant un ViewModel correspondant à un filtre.

Alors dans le ViewModel parent tu as accès à chacun des filtres via leurs viewModel. Si tu place une commande sur les boutons d'UC3 alors tu y a accès aussi

Bonne chance,

[Imrik]

Bonsoir,

Tout d'abord merci de ta réponse

Alors, malheureusement, rien n'est bindés pour le moment.
Donc en fait, dans ce cas, j'ai juste besoin des valeurs des filtres (85470 et 12) pour relancer une requête SQL sur le Click de UC3.

[Nixar]

Bonsoir,
Je me permets de rebondir sur le sujet parce que je rencontre aussi ce souci :

Pour ma part, j'ai 2 UserControls (un pour la vue maître de mon appli et l'autre pour la vue détail) :

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
 
<r:RibbonWindow 
        x:Class="TrackTime.Views.Ribbon"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:r="clr-namespace:Microsoft.Windows.Controls.Ribbon;assembly=RibbonControlsLibrary" xmlns:View="clr-namespace:TrackTime.Views" mc:Ignorable="d"
        Height="800"
        Width="1200"
        Title="Nature &amp; Construction - TrackTime"
        DataContext="{Binding Main, Source={StaticResource Locator}}" WindowState="Normal">
 
...
<Grid>
<View:MasterViewUserControl x:Name="MasterViewUserControl" 
                         Grid.Column="0" Grid.Row="0"/>
            <View:DetailedViewUserControl x:Name="DetailedViewUserControl" 
                         Grid.Column="1" Grid.Row="0"/>
            <StatusBar Height="23" HorizontalAlignment="Left" Margin="0,605,0,0" Name="statusBar1" VerticalAlignment="Top" Width="1178" Grid.ColumnSpan="2" Grid.Row="1"/>
        </Grid>
</r:RibbonWindow>

Le ViewModel de la fenêtre principale ne sert à rien : chacun de mes UserControl sont bindés sur leur propre ViewModel.

Quelles sont les bonnes pratiques pour faire communiquer mes 2 UsersControl (lorsqu'un élément de la listBox du UserControl maitre est sélectionné, peuplement des champs du UserControl détail)? J'utilise le framework MVVM light de Laurent Bugnion, et une des pistes est le Messenger inclus, mais je ne vois pas comment l'utiliser.

Merci pour votre aide !

Cordialement

Nixar

[Nixar]

Pour ceux qui cherchent encore et qui ont le même souci que moi voici la réponse :

Partant du principe que vous avez 2 UserControls (ou 2 pages) Maitre/Detail, et que vous utilisez le MVVM light :

Code à ajouter dans votre liste d'item (ici, une listBox) pour binder l'item en cours sur la propriété qui va bien dans la ViewModel_Master_View :

Code xaml :

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

1
2
3
4
<ListBox Name="listBoxProjects" Margin="10"
                     ...
                     SelectedItem ="{Binding SelectedProject}"
                     >...</ListBox>

Code de la propriété dans la ViewModel_Master_View :

Code c# :

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
/// <summary>
        /// The <see cref="SelectedProject" /> property's name.
        /// </summary>
        public const string SelectedProjectPropertyName = "SelectedProject";
 
        private Project _projectSelected;
 
        /// <summary>
        /// Sets and gets the SelectedProject property.
        /// Changes to that property's value raise the PropertyChanged event. 
        /// </summary>
        public Project SelectedProject
        {
            get
            {
                return _projectSelected;
            }
 
            set
            {
                if (_projectSelected == value)
                {
                    return;
                }
                // On garde l'ancienne valeur
                var oldValue = _projectSelected;
                // On met à jour la variable privée de la classe avec la nouvelle velur
                _projectSelected = value;
                // On broadcaste un message pour propager le changement
                RaisePropertyChanged(SelectedProjectPropertyName, oldValue, value, true);
            }
        }

Maintenant, il faut abonner à ce message le ViewModel_Detail :

Code c# :

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
 
    public DetailedProjectViewModel()
        {
            ResetDb = new RelayCommand(resetDb);
            // C'est l'abonnement au message émis avant
            Messenger.Default.Register<PropertyChangedMessage<Project>>(
                                        this,
                                        (action) => DispatcherHelper.CheckBeginInvokeOnUI(() => SelectedProject = action.NewValue)
                                        );
        }
 
/// <summary>
        /// The <see cref="SelectedProject" /> property's name.
        /// </summary>
        public const string SelectedProjectPropertyName = "SelectedProject";
 
        private Project _selectedProject;
 
        /// <summary>
        /// Sets and gets the SelectedProject property.
        /// Changes to that property's value raise the PropertyChanged event. 
        /// </summary>
        public Project SelectedProject
        {
            get
            {
                return _selectedProject;
            }
 
            set
            {
                if (_selectedProject == value)
                {
                    return;
                }
 
                _selectedProject = value;
                RaisePropertyChanged(SelectedProjectPropertyName);
            }
        }

Et voilà, vous avez passé un message entre 2 ViewModel, avec comme contenu la référence à l'item qui vient d'être sélectionné

[Imrik]

Merci à vous deux, cela devrait faire mon bonheur !