WPF Command-Bindung im DataTemplate

Das erste Objekt, das kommt im Kopf befestigt werden, der Befehl ist der Border und da dies letztere nicht Click Veranstaltung, ich bin gonna verwenden MouseLeftButtonDown, und da Befehle verwendet werden, die nur mit Button-Basis-controls (Button, RadioButton, CheckBox, RepeatButton ...) brauchen Sie EventTriggers, dein DataTemplate, das sollte dann so Aussehen:

<DataTemplate>
      <Border BorderThickness="1" BorderBrush="Gold">
            <i:Interaction.Triggers>
                    <i:EventTrigger EventName="MouseLeftButtonDown">
                          <command:EventToCommand  Command="{Binding RelativeSource={RelativeSource AncestorType=Window, Mode=FindAncestor}, Path=DataContext.MouseLeftButtonDown }"/>
                    </i:EventTrigger>
            </i:Interaction.Triggers>
            <StackPanel Orientation="Horizontal">
                 <TextBlock Text="{Binding Path=Name}" />
                 <TextBlock Text="{Binding Path=Price}" />
            </StackPanel>
      </Border>
 </DataTemplate>

Seit Ihr ItemsControl die Quelle gebunden ist, um die Produkte dann, das DataTemplate ist DataContext wird ein Produkt-Objekt, um zu vermeiden, dass Sie sollten binden Sie den Befehl source, um das Fenster zu Ahnen, die seine DataContext gebunden ist an das ViewModel enthält die RelayCommand :

public class MainViewModel : ViewModelBase
{


    public class Product
    {
        public string Name { get; set; }
        public string Price { get; set; }
    } 

    public List<Product> Products
    {
        get
        {
            return new List<Product>()
                   {
                       new Product(){Name = "Product1",Price = "Price1"},
                       new Product(){Name = "Product2",Price = "Price2"}
                   };
        }
    }

    public RelayCommand MouseLeftButtonDown { get; set; }

    public MainViewModel()
    {
          MouseLeftButtonDown = new RelayCommand(()=> MessageBox.Show("Message","Hi"));
    }
}

PS : Die command:EventToCommand ist von MVVM-Light ,wenn Sie nicht mit MVVM-Light Sie können gehen Sie einfach mit diesem statt :

<i:Interaction.Triggers>
       <i:EventTrigger EventName="MouseLeftButtonDown">
              <i:InvokeCommandAction Command="{Binding RelativeSource={RelativeSource AncestorType=Window, Mode=FindAncestor}, Path=DataContext.MouseLeftButtonDown }" >            
              </i:InvokeCommandAction>
       </i:EventTrigger>
</i:Interaction.Triggers>

Dies sollte perfekt funktionieren, hoffe ich, gut erklärt.

InformationsquelleAutor AymenDaoudi