Polecenie wiązania MVVM do elementu menu kontekstowego

Question

Próbuję powiązać polecenie z menuitem w WPF. Używam tej samej metody, która działa dla wszystkich innych powiązań poleceń, ale nie mogę zrozumieć, dlaczego to nie działa tutaj.

Jestem obecnie wiążące moich poleceń tak:

Command = "{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}, Path=DataContext.MyCommand}" 

To gdzie to pójdzie źle (jest wewnątrz UserControl)

<Button Height="40" Margin="0,2,0,0" CommandParameter="{Binding Name}" 
         Command = "{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}, Path=DataContext.ConnectCommand}"> 

    <Button.ContextMenu> 
     <ContextMenu> 
      <MenuItem Header="Remove" CommandParameter="{Binding Name}" 
             Command="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}, Path=DataContext.RemoveCommand}"/> 
     </ContextMenu> 
    </Button.ContextMenu> 
    ... 

pierwszym łączącym prace jak powinien polecenie, ale drugi nie chce nic zrobić. Próbowałem zmienić poziom przodków i nazwać moją Kontrolę, aby uzyskać do niej dostęp przez ElementName zamiast RelativeSource, ale wciąż nie zmienia się. Powtarza się "Nie można znaleźć źródła do powiązania z odniesieniem ..."

Czego mi brakuje?

Answer 1

(Edit) Skoro wspomniałeś to w szablonie ItemsControl za rzeczy są różne:

1) Get klasę BindingProxy z tego bloga (i czytać bloga, ponieważ jest to ciekawa informacja): How to bind to data when the DataContext is not inherited.

Zasadniczo elementy w ItemControl (lub ContextMenu) nie są częścią wizualnego lub logicznego drzewa i dlatego nie mogą znaleźć DataContext w UserControl. Przepraszam, że nie pisałem więcej na ten temat, ale autor wykonał dobrą robotę, tłumacząc to krok po kroku, więc nie ma możliwości, bym dał pełne wyjaśnienie w kilku linijkach.

2) Czy coś takiego: (być może trzeba będzie dostosować go trochę, aby pracować w kontroli):

się. Umożliwi to dostęp do Kontekstu danych UserControl przy użyciu StaticResource:

<UserControl.Resources> 
<BindingProxy 
    x:Key="DataContextProxy" 
    Data="{Binding}" /> 
</UserControl.Resources> 

b. Ten wykorzystuje DataContextProxy zdefiniowaną w punkcie (a):

<Button.ContextMenu> 
<ContextMenu> 
    <MenuItem Header="Remove" CommandParameter="{Binding Name}" 
     Command="{Binding Path=Data.RemoveCommand, Source={StaticResource DataContextProxy}}"/> 
</ContextMenu> 

ten pracował dla nas rzeczy, jak drzewa i datagrids.

Answer 2

Menu kontekstowe jest w innym drzewie logicznym, dlatego funkcja RelativeSource nie działa. Ale menu kontekstowe dziedziczy DataContext z jego "kontenera", w tym przypadku jest to Button. Wystarczy w tym przypadku, ale w twoim przypadku potrzebujesz dwóch "kontekstów danych", przedmiotów ItemsControl i samych ItemsControl. Myślę, że nie ma innego wyjścia, jak połączyć modele widoku w jedną, zaimplementować niestandardową klasę, która będzie używana jako Kontekst danych elementu ItemsControl i zawierać zarówno "Nazwę", jak i "Usuń polecenie" lub model widoku elementu może zdefiniować RemoveCommand "proxy", że komenda nazwałbym rodzic wewnętrznie

EDIT: I lekko zmieniony kod pawiana, to musi działać w ten sposób:

<Button Height="40" Margin="0,2,0,0" CommandParameter="{Binding Name}" 
    Tag="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}}" 
    Command = "{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}, Path=DataContext.ConnectCommand}"> 
      <Button.ContextMenu> 
       <ContextMenu> 
        <MenuItem Header="Remove" 
        CommandParameter="{Binding Name}" 
        Command="{Binding Path=PlacementTarget.Tag.DataContext.RemoveCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ContextMenu}}"/> 
       </ContextMenu> 
      </Button.ContextMenu> 

Answer 3

że to delikatna kwestia, na pewno nieznacznie znajdziesz szybkiego obejścia, ale tutaj jest nie-magiczne rozwiązanie:

<Button Height="40" Margin="0,2,0,0" CommandParameter="{Binding Name}" 
     Tag={Binding} 
     Command = "{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}, Path=DataContext.ConnectCommand}">  
    <Button.ContextMenu> 
     <ContextMenu> 
      <MenuItem Header="Remove" 
         CommandParameter="{Binding Path=PlacementTarget.Tag.Name, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ContextMenu}}" 
         Command="{Binding Path=PlacementTarget.Tag.RemoveCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ContextMenu}}"/> 
     </ContextMenu> 
    </Button.ContextMenu> 
... 

Sprowadza się do korzystania z Tag z PlacementTarget (tutaj: Button).

Answer 4

koshdim jest na miejscu, działa jak czar !! Dzięki Koshdim

zmodyfikowałem swój kod, aby zmieścić się w moim menu kontekstowego

<DataGrid 
     AutoGenerateColumns="False" 
     HeadersVisibility="Column" 
     Name="dgLosses" 
     SelectedItem="{Binding SelectedItem, Mode= TwoWay}" 
     AllowDrop="True" 
     ItemsSource="{Binding Losses}" 
     Tag="{Binding DataContext,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=Window}}"> 


     <DataGrid.ContextMenu > 
      <ContextMenu > 
       <MenuItem Header="Move to Top  " Command="{Binding PlacementTarget.Tag.MoveToTopCommand,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=ContextMenu}}" ></MenuItem> 
       <MenuItem Header="Move to Period 1" Command="{Binding PlacementTarget.Tag.MoveToPeriod1Command,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=ContextMenu}}" ></MenuItem> 
       <MenuItem Header="Move to Period 2" Command="{Binding PlacementTarget.Tag.MoveToPeriod2Command,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=ContextMenu}}" ></MenuItem> 
       <MenuItem Header="Move to Period 3" Command="{Binding PlacementTarget.Tag.MoveToPeriod3Command,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=ContextMenu}}" ></MenuItem>      
      </ContextMenu> 
     </DataGrid.ContextMenu>