Execute command from DataTemplate - xaml

Question

I have the following code:
<StackPanel Orientation="Vertical">
<GridView
Background="Azure"
x:Name="ContactList"
ItemsSource="{Binding Path=Users}"
SelectedItem="{Binding SelectedUser, Mode=TwoWay}">
<interactivity:Interaction.Behaviors>
<core:EventTriggerBehavior EventName="SelectionChanged">
<core:InvokeCommandAction
Command="{Binding MyCommandOnTheViewModel, Mode=OneWay}"/>
</core:EventTriggerBehavior>
</interactivity:Interaction.Behaviors>
<GridView.ItemTemplate>
<DataTemplate>
<Border Width="300" Height="Auto" BorderThickness="1">
<StackPanel Orientation="Vertical">
<TextBlock HorizontalAlignment="Left">
<Run FontWeight="Bold" Text="{Binding Name}" />
<Run Text="{Binding Age}" />
</TextBlock>
<StackPanel Orientation="Horizontal">
<Button Content="Button1" HorizontalAlignment="Left"></Button>
<Button Content="Button2" HorizontalAlignment="Right"></Button>
</StackPanel>
</StackPanel>
</Border>
</DataTemplate>
</GridView.ItemTemplate>
</GridView>
</StackPanel>
At this point, the Command: MyCommandOnTheViewModel gets executed when I click on an item in the list. As you can see I also have a StackPanel containing two buttons. How Can I Bind two separate Commands to each button?
I´ve been trying to give my buttons names thinking that I could somehow do something like:
<interactivity:Interaction.Behaviors>
<core:EventTriggerBehavior EventName="SelectionChanged" ELEMENTNAME="MyButtonsName">
<core:InvokeCommandAction
Command="{Binding MyCommandOnTheViewModel, Mode=OneWay}"/>
</core:EventTriggerBehavior>
</interactivity:Interaction.Behaviors>
But there does not seem to work like that.
Any tips appreciated!
This is what worked for me:
<Button Content="MyButton"
Command ="{Binding ElementName=ContactList,Path=DataContext.MyCommand}"></Button>
Thanks you for all help #Utsav

Answer 1

You can give Command property to each button. In that way you can easily bind two seperate commands in viewmodel with the two buttons, on click event.
See the code below.
<StackPanel Orientation="Vertical">
<GridView
Background="Azure"
x:Name="ContactList"
ItemsSource="{Binding Path=Users}"
SelectedItem="{Binding SelectedUser, Mode=TwoWay}">
<interactivity:Interaction.Behaviors>
<core:EventTriggerBehavior EventName="SelectionChanged">
<core:InvokeCommandAction
Command="{Binding MyCommandOnTheViewModel, Mode=OneWay}"/>
</core:EventTriggerBehavior>
</interactivity:Interaction.Behaviors>
<GridView.ItemTemplate>
<DataTemplate>
<Border Width="300" Height="Auto" BorderThickness="1">
<StackPanel Orientation="Vertical">
<TextBlock HorizontalAlignment="Left">
<Run FontWeight="Bold" Text="{Binding Name}" />
<Run Text="{Binding Age}" />
</TextBlock>
<StackPanel Orientation="Horizontal">
<Button Content="Button1" HorizontalAlignment="Left" Command="{Binding CommandLeftBtn}"></Button>
<Button Content="Button2" HorizontalAlignment="Right" Command="{Binding CommandRightBtn}"></Button>
</StackPanel>
</StackPanel>
</Border>
</DataTemplate>
</GridView.ItemTemplate>
</GridView>
</StackPanel>