WPF - Combobox binding sur le nom d'une propriété

Bonjour,

petite question à propos d'un binding qui me parait tout con à première vue :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <DockPanel Name="listAffichage" Grid.Column="0" Grid.Row="0"> <ComboBox Name="myComboBox" HorizontalAlignment="Left" ItemsSource="{Binding Path=ListElementMenu, UpdateSourceTrigger=PropertyChanged}" VerticalAlignment="Top" Height="50" > <ComboBox.ItemTemplate> <DataTemplate> <ComboBoxItem x:Name="myComboBoxItem"> <StackPanel Orientation="Horizontal" > <Image Source="{Binding Path=CheminImage}" Grid.Column="0"/> <TextBlock VerticalAlignment="Center" Foreground="{Binding Path=ForegroundColor}" Text="{Binding Path=Name}" Grid.Column="1" /> </StackPanel> </ComboBoxItem> </DataTemplate> </ComboBox.ItemTemplate> </ComboBox> </DockPanel> <Label Grid.Column="1" Name="lblAffichage" Content="{Binding ElementName=myComboBox, Path=SelectedItem.Name, Mode=OneWay}" Foreground="{Binding ElementName=myComboBox, Path=SelectedItem.ForegroundColor, Mode=OneWay}" VerticalAlignment="Center" HorizontalAlignment="Center"></Label>
Je cherche à afficher le nom et la couleur de mon élement de menu dans un label en sélectionnant celui-ci.
Ce binding marche bien si je sélectionne la zone qui se trouve après mon Textblock mais pas en cliquant sur ce même textblock, ce qui est fort fâcheux pour les utilisateurs.

Est-ce que le soucis vient du

Code:

ElementName=myComboBox

? je ne vois pas par quoi le remplacer.

Merci

Feldi

[EDIT] : suffisait que je poste pour trouver la solution, j'ai viré e combobox item autour de mon stackPanel et du coup ça fonctionne. Mais j'aimerais bien comprendre pourquoi du coup (double objet qui fait qu'il n'arrive pas à récupérer la propriété de l'objet fils ?)

bonjour

Ah bah ,ton click de sélection n'atteint pas l' Item(le StackPanel et ses enfants ).
Il est intercepté par le ComboBoxItem englobant (la valeur par défaut de son HitTest est visible c.à.d Actif ou "intercepteur" ) ....

On peut tout mettre donc sauf un ComboxItem dans le DataTemplate du ComboBox sauf si son HitTest =false (à toi de tester)
Idem pour un ListBoxItem

code .cs du class data exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
namespace WpfComboBox
{
    public class ElementMenu
    {
        public string Name { get; set; }
        public string CheminImage { get; set; }
    }
    public class ListElementMenus : List<ElementMenu>
    {
        public ListElementMenus()
 
        {
 
            this.Add(
                new ElementMenu() { Name = "Item1", CheminImage ="Images/Koala.jpg" });
            this.Add(
                new ElementMenu() { Name = "Item2", CheminImage = "Images/Penguins.jpg" });
            this.Add(
                new ElementMenu() { Name = "Item2", CheminImage = "Resources/Tulips.jpg" });
        }
    }
}

le code xaml du 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
 
<Window x:Class="WpfComboBox.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfComboBox" 
        xmlns:dat="clr-namespace:System.Collections;assembly=mscorlib"
        Title="Window1" Height="300" Width="300">
    <Window.Resources>
        <dat:ArrayList x:Key="src">
            <local:ElementMenu Name="Koala"  CheminImage="Images/Koala.jpg"/>
            <local:ElementMenu Name="Penguin"  CheminImage="Images/Penguins.jpg"/>
            <local:ElementMenu Name="Tulip"  CheminImage="Images/Tulips.jpg"/>
        </dat:ArrayList>
    </Window.Resources>
    <StackPanel  >
        <Label  Name="lblAffichage" Content="{Binding ElementName=myComboBox, Path=SelectedItem.Name, Mode=OneWay}" Foreground="{Binding ElementName=myComboBox, Path=SelectedItem.ForegroundColor, Mode=OneWay}"  VerticalAlignment="Center" HorizontalAlignment="Center"></Label>
        <DockPanel Name="listAffichage" >
            <ComboBox 
                Name="myComboBox" HorizontalAlignment="Left"  Height="50"  Width="200"
                ItemsSource="{Binding Source={StaticResource src},
                UpdateSourceTrigger=PropertyChanged}" VerticalAlignment="Top"
                SelectedValuePath="Name"
                SelectedValue="Name">
                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <ComboBoxItem x:Name="myComboBoxItem" Background="Magenta"  Width="150"  IsHitTestVisible="True" >
                            <StackPanel Margin="5" Orientation="Horizontal" Width="100" Background="Yellow" >
                                <Image Width="50"  Source="{Binding Path=CheminImage}" />
                                <TextBlock  Text="{Binding Path=Name}" VerticalAlignment="Center" Foreground="{Binding Path=ForegroundColor}"  />
                            </StackPanel>
                        </ComboBoxItem>
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>
        </DockPanel>
        <Label  Name="lblAffichage2" Content="{Binding ElementName=myListBox, Path=SelectedItem.Name, Mode=OneWay}" Foreground="{Binding ElementName=myComboBox, Path=SelectedItem.ForegroundColor, Mode=OneWay}"  VerticalAlignment="Center" HorizontalAlignment="Center"></Label>
        <DockPanel Name="listAffichage2" >
            <ListBox 
                Name="myListBox" HorizontalAlignment="Left"  Height="50"  Width="200"
                ItemsSource="{Binding Source={StaticResource src},
                UpdateSourceTrigger=PropertyChanged}" VerticalAlignment="Top"
                SelectedValuePath="Name"
                SelectedValue="Name">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <ComboBoxItem x:Name="myListBoxItem" Background="Magenta"  Width="150"  IsHitTestVisible="True" >
                            <StackPanel Margin="5" Orientation="Horizontal" Width="100" Background="Yellow" >
                                <Image Width="50"  Source="{Binding Path=CheminImage}" />
                                <TextBlock  Text="{Binding Path=Name}" VerticalAlignment="Center" Foreground="{Binding Path=ForegroundColor}"  />
                            </StackPanel>
                        </ComboBoxItem>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
        </DockPanel>
    </StackPanel > 
</Window>

bon code...

Effectivement, en passant IsHitTestVisible à false, ça fonctionne comme si il n'y avait pas de comboboxitem.

Merci à toi ! :)