WPF MVVM: EventTrigger is not working inside CheckBox

Question

I'm building an application with WPF in MVVM style. I'm trying to make filter on my DataGrid when I check or uncheck several CheckBoxes for filtering.

I've found solution with Interaction.Triggers, but it's not working for me in this case.

Here is my code:

<ListBox 
            ItemsSource="{Binding PortsFilterSource}"
            Background="LightGray"
            BorderThickness="0"
            Grid.Column="1">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <CheckBox 
                        Content="{Binding Name}"
                        IsChecked="{Binding IsChecked}">

                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Unchecked">
                                <i:InvokeCommandAction Command="{Binding FilterCommand}"/>
                            </i:EventTrigger>
                            <i:EventTrigger EventName="Checked">
                                <i:InvokeCommandAction Command="{Binding FilterCommand}"/>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </CheckBox>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

Everything is working great except FilterCommand. I have this in my C# code:

public DelegateCommand<object> FilterCommand { get; set; }
...
FilterCommand = new DelegateCommand<object>(Filter);

Filter(object obj) is a function, but it is not entered when I check or uncheck any of my CheckBoxes.

Any help would be very appreciated.

Look at the output window when debugging, do you have any binding errors? — ajg
– ajg, Commented Aug 1, 2017 at 13:17
Oh, yes, I have: System.Windows.Data Error: 40 : BindingExpression path error: 'FilterCommand' property not found on 'object' ''FilterModel' (HashCode=57774494)'. BindingExpression:Path=FilterCommand; DataItem='FilterModel' (HashCode=57774494); target element is 'InvokeCommandAction' (HashCode=8505800); target property is 'Command' (type 'ICommand') — francosy
– francosy, Commented Aug 1, 2017 at 13:22
@JanDotNet I have an object FilterModel in different file than Filter method. It cannot be static. Is there any other way to call it? — francosy
– francosy, Commented Aug 1, 2017 at 13:33
But the FilterCommand and the IsChecked properties are in the same class, isn't it`? — JanDotNet
– JanDotNet, Commented Aug 1, 2017 at 13:35

JanDotNet · Accepted Answer · 2017-08-01 13:45:04Z

5

The problem is, that the data context of the list item is of type FilterModel, but the FilterCommand is in the parent view model.

Try the following binding for the command:

{Binding DataContext.FilterCommand, RelativeSource={RelativeSource AncestorType={x:Type ListBox}}}

answered Aug 1, 2017 at 13:45

JanDotNet

4,0461 gold badge25 silver badges30 bronze badges

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

Comments

Chaminda Senadeera · Accepted Answer · 2022-06-21 11:24:21Z

1

this is work for me.

<DataGridTemplateColumn  Header="IsApved"  IsReadOnly="False" CanUserSort="False" Width="55">
                    <DataGridTemplateColumn.CellTemplate >
                        <DataTemplate>
                            <CheckBox 
                        Content="{Binding Name}"
                        IsChecked="{Binding IsSelect,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}">

                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Unchecked">
                                        <i:InvokeCommandAction Command="{Binding DataContext.CheckCommand,RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
                                    </i:EventTrigger>
                                    <i:EventTrigger EventName="Checked">
                                        <i:InvokeCommandAction Command="{Binding DataContext.CheckCommand,RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </CheckBox>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>

answered Jun 21, 2022 at 11:24

Chaminda Senadeera

111 bronze badge

1 Comment

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

WPF MVVM: EventTrigger is not working inside CheckBox

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related