TreeView ContextMenu MVVM Binding

Question

I currently have a UserControl that uses the MVVM model.

In that control there is a TreeView, which displays some items. I have added a HierarchicalDataTemplate for this TreeView and in that template is a ContextMenu for the Items.

In the ViewModel, which is DataContext of the control (named RestoresTreeViewControl) is a command I want to bind one of the menu items to. However what I have done doesn't seem to be working. I am getting the usual can't find source for binding reference.

Here is the bit of code for the datatemplate that tried to bind the EditDatabaseCommand to one of the menu items.

<HierarchicalDataTemplate DataType="{x:Type model:Database}" >
                    <StackPanel>
                        <TextBlock Text="{Binding Name}" >
                            <TextBlock.ContextMenu>
                                <ContextMenu>
                                    <MenuItem Header="Edit" Command="{Binding ElementName=RestoresTreeViewControl, Path=DataContext.EditDatabaseCommand}" />
                                    <MenuItem Header="Delete"/>
                                    <Separator/>
                                    <MenuItem Header="Test Connection"/>
                                </ContextMenu>
                            </TextBlock.ContextMenu>
                        </TextBlock>
                    </StackPanel>
                </HierarchicalDataTemplate>

Here is a section of the ViewModel where the command is.

public ICommand EditDatabaseCommand { get; private set; }

Same problem here! This almost seems a bug to me, I've played round with the context menu forever, it just doesnt work... — lukebuehler
– lukebuehler, Commented Jun 14, 2011 at 16:51

Josher · Accepted Answer · 2017-11-01 17:08:27Z

6

Unfortunately the ContextMenu is not in the VisualTree, so it's not going to see your DataContext. What you can do is something like this (copied from here: MVVM binding command to contextmenu item)

<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>

So simply use PlacementTarget.Tag to find your ViewModel.

edited Nov 1, 2017 at 17:08

Josher

237 bronze badges

answered Jun 12, 2013 at 8:14

Andras Sebo

1,1408 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tomas Kohl Over a year ago

Thanks! This has ended my 2-hours nightmare trying to achieve a very similar outcome :)

jyoung · Accepted Answer · 2011-01-03 14:44:05Z

0

You can try tracing the binding:

 xmlns:diag="clr-namespace:System.Diagnostics;assembly=WindowsBase"
 ...
 {binding ... diag:PresentationTraceSources.TraceLevel="High"}

However requiring the users (even if it is just yourself) of your control to name each instance of "RestoresTreeViewControl" rather burdensome.

Try:

 {Binding Path=... RelativeSource={ FindAncestor, AncestorType={x:TheRestoresTreeViewControlType}} }

answered Jan 3, 2011 at 14:44

jyoung

5,2114 gold badges35 silver badges48 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 10:28:34Z

0

That probably has to do with the inheritance context.

See: Binding WPF ContextMenu MenuItem to UserControl Property vs ViewModel Property

edited May 23, 2017 at 10:28

CommunityBot

11 silver badge

answered Jun 14, 2011 at 17:05

lukebuehler

4,0713 gold badges26 silver badges28 bronze badges

Collectives™ on Stack Overflow

TreeView ContextMenu MVVM Binding

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related