Wpf – In WPF, how can I handle an event in an ItemsControl ControlTemplate

controltemplateevent-handlingwpf

I'm trying to handle an event inside an ItemsControl ControlTemplate. I have assigned the MouseUp and MouseDown events of a button (btnRight below). The problem is that when I click on the button, the event never reaches my code-behind. How do events in ControlTemplates work and what do I need to do to hook this up? I've tried assigning the events to the button in code-behind during the OnApplyTemplate event to no avail.

Thanks for your help!

<ItemsControl.Template>
    <ControlTemplate>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="36" />
                <ColumnDefinition />
                <ColumnDefinition Width="36" />
            </Grid.ColumnDefinitions>
            <Button x:Name="btnLeft" Grid.Column="0" Height="36">
                <Button.Template>
                    <ControlTemplate>
                        <Image>
                            <Image.Source>
                                <BitmapImage UriSource="Images\left.png" />
                            </Image.Source>
                        </Image>
                    </ControlTemplate>
                </Button.Template>
            </Button>
            <Border Grid.Column="1" BorderBrush="Black" BorderThickness="1" Background="Black" Padding="6">
                <ItemsPresenter Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=MarginOffset}" />
            </Border>
            <Button x:Name="btnRight" Grid.Column="2" Height="36" MouseUp="btnRight_MouseUp" MouseDown="btnRight_MouseDown">
                <Button.Template>
                    <ControlTemplate>
                        <Image>
                            <Image.Source>
                                <BitmapImage UriSource="Images\right.png" />
                            </Image.Source>
                        </Image>
                    </ControlTemplate>
                </Button.Template>
            </Button>
        </Grid>
    </ControlTemplate>
</ItemsControl.Template>

Best Solution

Instead of using button click events, create a new Command, bind the Command property of the Button to the Command you created, and then add a CommandBinding to your user control to handle the command when it is executed.

See here for more information.