Discussion :

[megamario]

Bonjour,

Est-t'il possible de faire un binding vers un objet de forme tableau ?

Car j'ai dans ma vue un menu contextuel avec plusieurs paramètres à gérer depuis ma Vue Modèle (Text, Icon, Background, Foreground, Visibility).

Actuellement chaque beoin est gerer avec par exemple pour le texte:

Code :

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

1
2
3
4
5
 
Header="{Binding CM_Link1_Text, Converter={StaticResource ConvertUnderscore}}"
'Le suivant
Header="{Binding CM_Link2_Text, Converter={StaticResource ConvertUnderscore}}"
'etc...

Et dans la partie VM:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
    Public Property CM_Link1_Text As String
        Get
            Return mContextMenuLinkString(1)
        End Get
        Set(value As String)
            mContextMenuLinkString(1) = value
            OnPropertyChanged("CM_Link1_Text")
        End Set
    End Property

etc..

Ma variable private mContextMenuLinkString est un tableau, mais je l'appel avec un index fixe à chaque fois.


Vu que j'ai pour le moment 20 lignes dans le menu contextuel, cela fait un paquet de code, casse pied à faire.

Donc je me disais que si dans ma vue je pouvais utiliser un binding avec index se serait pas mal.

OU je pensais en même temps que j’écris, faire un binding de la totalité du menu contextuel.

Merci pour vos conseils.

[MABROUKI]

Bonjour,

Est-t'il possible de faire un binding vers un objet de forme tableau ?

Pourquoi un tableau ,puisque un ObservableCollection(of T) convient aussi bien & peut etre indexé comme un tableau en XAML.
Voici un exemple de code:

1/ class Model & ViewModel

Code :

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

1
2
3
4
5
6
Public Class Model
    Public Property Nom As String
    Public Property ForeColor As Color
    Public Property BackColor As Color
 
End Class

2/ class ViewModel

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
Imports System.ComponentModel
Imports System.Collections.ObjectModel
Public Class BaseVM
    Implements INotifyPropertyChanged
 
    Public Event PropertyChanged(sender As Object, e As System.ComponentModel.PropertyChangedEventArgs) Implements System.ComponentModel.INotifyPropertyChanged.PropertyChanged
    Public Sub RaisePropertyChanged(nomProp As String)
        RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs(nomProp))
    End Sub
 
End Class
 
 
Public Class ViewModel
    Inherits BaseVM
 
    Public Sub New()
        mArr = New ObservableCollection(Of Model)() From {
            New Model() With {.Nom = "Text0", .ForeColor = Colors.Red, .BackColor = Colors.Yellow},
            New Model() With {.Nom = "Text1", .ForeColor = Colors.Magenta, .BackColor = Colors.LightSteelBlue},
            New Model() With {.Nom = "Text2", .ForeColor = Colors.WhiteSmoke, .BackColor = Colors.LightSeaGreen},
            New Model() With {.Nom = "Text3", .ForeColor = Colors.Gold, .BackColor = Colors.LightSeaGreen},
            New Model() With {.Nom = "Text4", .ForeColor = Colors.LightSteelBlue, .BackColor = Colors.Navy}
        }
 
    End Sub
    Private mArr As ObservableCollection(Of Model)
    Public Property Arr() As ObservableCollection(Of Model)
        Get
            Return mArr
        End Get
        Set(ByVal value As ObservableCollection(Of Model))
            mArr = value
            RaisePropertyChanged("Arr")
        End Set
    End Property
 
 
End Class

3/ Form user

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
26
27
28
29
30
31
32
33
34
35
<Window x:Class="MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:WpfBindingToArray" 
    Title="MainWindow" Height="350" Width="525">
    <Window.DataContext>
        <local:ViewModel/>
    </Window.DataContext>
    <Window.Resources >
        <local:ColorToBrushConverter x:Key="cnvcolor"/>
    </Window.Resources>
    <Grid >
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition Height="25"></RowDefinition>
            <RowDefinition Height="auto"></RowDefinition>
        </Grid.RowDefinitions>
        <Button Content="MENU" Grid.Row="0" HorizontalAlignment="Center">
            <Button.ContextMenu >
                <ContextMenu >
                    <MenuItem Header="{Binding Arr[0].Nom}" Background="{Binding Arr[0].BackColor,Converter={StaticResource cnvcolor}}" Foreground="{Binding  Arr[0].ForeColor,Converter={StaticResource cnvcolor}}" />
                    <MenuItem Header="{Binding Arr[1].Nom}" Background="{Binding Arr[1].BackColor,Converter={StaticResource cnvcolor}}" Foreground="{Binding  Arr[1].ForeColor,Converter={StaticResource cnvcolor}}" />
                </ContextMenu>
            </Button.ContextMenu>
        </Button>
 
        <TextBlock Text="Haha..." Grid.Row="2"  HorizontalAlignment="Center">
            <TextBlock.ContextMenu>
                <ContextMenu >
                   <MenuItem Header="{Binding Arr[2].Nom}" Background="{Binding Arr[2].BackColor,Converter={StaticResource cnvcolor}}" Foreground="{Binding  Arr[2].ForeColor,Converter={StaticResource cnvcolor}}" />
                </ContextMenu>
            </TextBlock.ContextMenu>
        </TextBlock>
    </Grid>
</Window>

bon code...