WPF command parameter for MiddleClick on CheckBox in ItemsControl

Question

I want to trigger a command when I use a MiddleClick on a Checkbox in an ItemsControl. I need to return the item source as a command parameter. I have tried two methods in XAML.

Method 1:

<ItemsControl x:Name="CheckBoxItems" ItemsSource="{Binding Curves}" Grid.Row="1">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel IsItemsHost="True"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <CheckBox Content="{Binding Name}" IsChecked="{Binding IsChecked}" Margin="0,0,5,0"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
    <ItemsControl.InputBindings>
        <MouseBinding Gesture="MiddleClick" Command="{Binding SelectOnlyCommand}"
                      CommandParameter="{Binding }"/>
    </ItemsControl.InputBindings>
</ItemsControl>

This method returns the UserControl to the command instead of the item source.

Method 2:

<ItemsControl x:Name="CheckBoxItems" ItemsSource="{Binding Curves}" Grid.Row="1">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel IsItemsHost="True"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <CheckBox Content="{Binding Name}" IsChecked="{Binding IsChecked}" Margin="0,0,5,0">
                <CheckBox.InputBindings>
                    <MouseBinding Gesture="MiddleClick" Command="{Binding Path=SelectOnlyCommand}"
                                  CommandParameter="{Binding }"/>
                </CheckBox.InputBindings>
            </CheckBox>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
    
</ItemsControl>

This method does not trigger the SelectOnlyCommand. Thanks for your help.

So you just want to have the Curves passed as parameter? Because for that you can just simply write CommandParameter="{Binding Curves}" — Dominik
– Dominik, Commented Mar 8, 2021 at 23:52

lidqy · Accepted Answer · 2021-03-09 00:42:51Z

1

(Edited) if you want to pass the single item, it works like this:

 <ItemsControl x:Name="CheckBoxItems" ItemsSource="{Binding Curves}" Grid.Row="1">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel IsItemsHost="True"/>
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <CheckBox Content="{Binding Name}" IsChecked="{Binding IsChecked}" Margin="0,0,5,0">
                        <CheckBox.InputBindings>
                            <MouseBinding Gesture="MiddleClick" Command="{Binding ElementName=CheckBoxItems, Path=DataContext.SelectOnlyCommand}"
                                          CommandParameter="{Binding }"/>
                        </CheckBox.InputBindings>
                    </CheckBox>
                </DataTemplate>
            </ItemsControl.ItemTemplate>                
        </ItemsControl>

edited Mar 9, 2021 at 0:42

answered Mar 8, 2021 at 23:42

lidqy

2,4941 gold badge14 silver badges15 bronze badges

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

4 Comments

spainchaud Over a year ago

VS1 and vs2 return the full collection, instead of the single source.

lidqy Over a year ago

Are you sure he wants the single item? I read it as if he wanted the whole collection aka "ItemsSource"

lidqy Over a year ago

@spainchaud Sorry, you're the one that asked, lol.... See my new version and also the one of YoChauhan that use ElementName...to link to the "outer" DataContext

spainchaud Over a year ago

Work perfect now. Thanks. My users want a middleclick to turn off all checkboxes except the one clicked.

yo chauhan · Accepted Answer · 2021-03-09 00:39:57Z

1

You can achieve that with way 2 , but problem is you not able to bind Command. You will have to bind it by ElementName.

  <CheckBox Content="{Binding Name}" IsChecked="{Binding IsChecked}" Margin="0,0,5,0">
                        <CheckBox.InputBindings>
                            <MouseBinding Gesture="MiddleClick" Command="{Binding ElementName=CheckBoxItems, Path = DataContext.SelectOnlyCommand}"
                                          CommandParameter="{Binding }"/>
                        </CheckBox.InputBindings>
                    </CheckBox>

edited Mar 9, 2021 at 0:39

answered Mar 9, 2021 at 0:24

yo chauhan

12.4k4 gold badges44 silver badges59 bronze badges

1 Comment

lidqy Over a year ago

He can also use his CheckBox "CheckBoxItems" as ElementName, its DataContext has that SelectOnlyCommand

Collectives™ on Stack Overflow

WPF command parameter for MiddleClick on CheckBox in ItemsControl

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related