In Button Click Context Menu How do I bind to viewModel?

Question

I have a button on click on that button opening a context menu, now clicking on the context menus is to be binded to viewModel. But its not happening.

<Button Content="Copy" Tag="{Binding LinkViewModel, RelativeSource={RelativeSource Mode=Self}}" Command="{Binding LinkCopyCommand, UpdateSourceTrigger=PropertyChanged}" >
    <Button.ContextMenu>
        <ContextMenu>
           <MenuItem Header="Copy Download link " Command="{Binding Path=Parent.PlacementTarget.Tag.CopyViewCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ContextMenu}}" />
           <MenuItem ... />
        </ContextMenu>
    </Button.ContextMenu> 
</Button>

I have tried the tag property but it seems to me that its not working. The viewmodel is working fine if I bind to the button itself, but the contextMenu dataBinding is not working.

EDIT:

Now as the code is working after discussion, I think to post it here.

What the changes I made is I put UpdateSourceTrigger="Propertychanged" here is the code

<Button Content="Copy" Tag="{Binding LinkViewModel, RelativeSource={RelativeSource Mode=Self}}" Command="{Binding LinkCopyCommand, UpdateSourceTrigger=PropertyChanged}" >
    <Button.ContextMenu>
       <ContextMenu Width="{Binding RelativeSource={RelativeSource Self}}">
          <MenuItem Header="Copy View link " Command="{Binding CopyViewCommand, UpdateSourceTrigger=PropertyChanged}" />
          <MenuItem ... />
       </ContextMenu>
    </Button.ContextMenu> 
</Button>

However I don't know how come suddenly it works, it has to work with tag property in case of Button Context menu. If anybody put some light into this I think many people like me who are new WPF and data binding will be benefited.

score 2 · Answer 1 · answered Feb 06 '14 at 06:35

2

I'm assuming you are using this Button inside the UserControl. Please try below code

<Button Content="Copy" Tag="{Binding LinkViewModel, RelativeSource={RelativeSource Mode=Self}}" Command="{Binding LinkCopyCommand, UpdateSourceTrigger=PropertyChanged}" >
        <Button.ContextMenu>
            <ContextMenu>
               <MenuItem Header="Copy Download link " Command="{Binding RelativeSource={RelativeSource FindAncestor,  AncestorType={x:Type UserControl}}, Path=DataContext.CopyViewCommand}" />
               <MenuItem ... />
            </ContextMenu>
        </Button.ContextMenu> 
    </Button>

answered Feb 06 '14 at 06:35

Mukesh Rawat

2,047
16
30

I removed the Command from the button and tried your code, not working – Debhere Feb 06 '14 at 07:04
You don't need to remove the command from the button. Please check my code snippet. – Mukesh Rawat Feb 06 '14 at 08:25

Sankarann · Accepted Answer · 2014-02-06T07:32:13.837

1

<Button Content="Copy" Command="{Binding LinkCopyCommand, UpdateSourceTrigger=PropertyChanged}" >
<Button.ContextMenu>
    <ContextMenu>
       <MenuItem Header="Copy Download link " Command="{Binding Path=CopyViewCommand}" />
       <MenuItem ... />
    </ContextMenu>
</Button.ContextMenu>

CopyViewCommand Bound directly from your DataContext... which is your ViewModel..

edited Feb 06 '14 at 07:32

answered Feb 06 '14 at 06:35

Sankarann

2,625
4
22
59

Let me understand the code, in Button Tag="{Binding LinkViewModel, RelativeSource={RelativeSource Mode=Self}}" so tag will be binded to the viewModel right? Then this is binded to viewmodel CopyViewCommand, but its not working after the updated code. – Debhere Feb 06 '14 at 07:02
I think the Problem is here.. Is `LinkViewModel` is present in the Button.. Since your source is Button(Control) – Sankarann Feb 06 '14 at 07:07
where does `LinkViewModel` property available? – Sankarann Feb 06 '14 at 07:08
Please see my updated code, can you brief why it's working now. I tried to use tag Property but without that it's working fine. Yes LinkViewModel is attached to Button. – Debhere Feb 06 '14 at 07:29

score 0 · Answer 3 · edited May 23 '17 at 12:09

0

You have to setyour ContextMenu's DataContext to your ViewModel. One way to do this is by having an Opened eventhandler for the context menu.

Take a look at my answer in the below link -

Context Menu items command binding WPF using MVVM

edited May 23 '17 at 12:09

Community

1
1

answered Jul 29 '15 at 17:26

dev27

605
1
7
15

In Button Click Context Menu How do I bind to viewModel?

3 Answers3