[WPF MVVM] Binding vers un tableau

Citation:

Envoyé par megamario

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:

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:

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:

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...