Binding WPF Image control events with MVVM Light EventToCommand

Question

I want to wire command to Image's MouseDown event in WPF MVVMLight applcation. I have following code :

<Border Grid.Row="2" Grid.Column="1" BorderThickness="1" BorderBrush="Black">
                <Image Margin="3" Name="Content" Source="{Binding Content}" HorizontalAlignment="Left">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="MouseDown">
                            <cmd:EventToCommand 
                                Command="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}, Path=DataContext.SelectMediaCommand}" 
                                CommandParameter="{Binding}"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>    
                </Image>
            </Border>

When i paste < Triggers > piece into other control (say textblock in same view), MouseDown does occur (bindings are correct). Tried even put it inside Border, still no effect. I guess i'm missing something. Any ideas what? Thanks in advance.

Please check your Output window for binding errors, probably the FindAncestor doesn't work .. ? — SvenG, Jul 09 '12 at 12:53
No, bindings are correct, substituted Image with Button and everything worked. — Jaded, Jul 10 '12 at 08:50

blindmeis · Accepted Answer · 2012-07-10T08:58:50.043

the interaction.triggers section is right. so the error is just in your command binding. like SvenG suggested check your vs output window or use Snoop to look for binding errors.

my working example:

    <Image Source="arrange.png" Grid.Row="1">
        <i:Interaction.Triggers>
            <i:EventTrigger EventName="MouseDown">
                <cmd:EventToCommand 
                            Command="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}, Path=DataContext.OpenCommand}" 
                            CommandParameter="{Binding}"/>
            </i:EventTrigger>
        </i:Interaction.Triggers>
    </Image>

this means your usercontrol need a datacontext/viewmodel with a ICommand property OpenCommand.

Nice tool. Will try to use it. – Jaded Jul 10 '12 at 08:50 — Jaded, Jul 10 '12 at 08:50

Binding WPF Image control events with MVVM Light EventToCommand

1 Answers1