How to bind the Command property of the ItemTemplate CheckBox to ViewModel object's property?

Question

Let me ask this question with a pseudo code:



<Window>
    <ListView ItemsSource="{Binding PersonCollection}">
        <ListView.ItemTemplate>
            <DataTemplate>
                <StackPanel>
                    <TextBlock Text="{Binding Path=Name}" />
                    <TextBlock Text="{Binding Path=Age}" />
                    <TextBlock Text="/" />
                    <CheckBox Command="{Binding PersonSelectedCommand}" />  <!-- Where "PersonSelectedCommand" is a public command property available in ViewModel object (lets say "Contacts"  in this context)-->
                </StackPanel>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</Window>

Where
"Contacts" the ViewModel object set as the DataContext for the window.

"Contacts" has "PersonCollection" , public ICommand PersonSelectedCommand properties. "PersonCollection" is List

"Person" has Name, Age properties

Currently this is not working as CheckBox is trying to find and bind the ICommand "PersonSelectedCommand" property of object "person", which does not exists!

How will bind the CheckBox to the ICommand "PersonSelectedCommand" property of object "Contact"

Thanks and regards
123Deveopler

Ray Burns · Accepted Answer · 2010-06-17 06:34:04Z

6

I liked SeeSharp's answer, but to directly answer your question, all you need to do is change your CheckBox's Command binding to:

Command="{Binding DataContext.PersonSelectedCommand,
                  RelativeSource={RelativeSource FindAncestor,ListView,1}}"

This is preferable to SeeSharp's answer only when you need more control than simply binding the IsSelected property will give you. Otherwise go with binding IsSelected.

answered Jun 17, 2010 at 6:34

Ray Burns

63k12 gold badges145 silver badges142 bronze badges

This is what I was looking for. My CheckBox is already has a binding for IsSelected property (I didn't mentioned in the question). And as you said I need more control. Thanks.
– 123Developer
Commented Jun 17, 2010 at 8:37

Add a comment |

SeeSharp · Accepted Answer · 2010-06-17 06:00:11Z

1

Can you change view model? I think will be better, if you add bool property IsSelected to Person. And bind it to checkbox:

<CheckBox IsChecked="{Binding IsSelected}"/>

Command is not requared and you can add some functionality in setter of property IsSelected.

answered Jun 17, 2010 at 6:00

SeeSharp

1,75011 silver badges32 bronze badges

Good answer (+1). Also see my answer, which addresses how he can do it without changing his ViewModel.
– Ray Burns
Commented Jun 17, 2010 at 6:35

Add a comment |

Community · Accepted Answer · 2017-05-23 10:32:43Z

0

The PersonSelectedCommand has to be in the Person scope. So you'll have a list of commands when you bind to a list of persons. Hence whenever a person is selected, you will have the corresponding command to be executed.

Else you can find out the Ancestor using RelativeSource in Binding and set the PersonSelectedCommand that way. Check this answer: Is there a simple way to specify a WPF databinding where the path is one "level" up?

edited May 23, 2017 at 10:32

CommunityBot

11 silver badge

answered Jun 17, 2010 at 6:00

Amsakanna

13k8 gold badges49 silver badges58 bronze badges

Add a comment |

Collectives™ on Stack Overflow

How to bind the Command property of the ItemTemplate CheckBox to ViewModel object's property?

3 Answers 3

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Related