Select All Checkbox issue using MVVM pattern

Question

0.00/5 (No votes)

See more:

I have problem implementing "Select All" checkbox in SilverLight and MVVM design pattern.

XML

<ListBox Name="PARENTLISTBox" ItemsSource="{Binding ParentList}">                        ------ Parent list box
<ListBox.ItemTemplate>
<DataTemplate>
<stackPanel orientation= "Vertical">
                            <TextBlock x:Name="txtblkParentName" Text="{Binding ParentName}" />

<CheckBox x:Name="SelectAllCheckBox" Content="Select All"
                                                      CommandParameter="{Binding ElementName= SelectAllCheckBox }"
                                                      Command="{Binding ElementName= PARENTLISTBox, Path=SelectAllCommand, Mode=TwoWay}"/>
                    </StackPanel>

<ListBox Name="CHILDLIST" ItemsSource="{Binding ChildProperty}" >   ------  child List box
                                 <ListBox.ItemTemplate>
                                                  <DataTemplate>
                                                       <StackPanel Orientation="Horizontal" Name="stkpanel">
                                                                <CheckBox Name="childCheckBox" Content="{Binding ChildName}"

                                                                          IsChecked="{Binding ElementName= SelectAllCheckBox, Path=IsChecked}"
                                                                          CommandParameter="{Binding ElementName= childCheckBox }"
                                                                          Command="{Binding ElementName=ParentList, Path=ChildCheckBoxCommand, Mode=TwoWay}"  />
                                                        </StackPanel>
                                                  </DataTemplate>
                                 </ListBox.ItemTemplate>
                         </ListBox>
                               </DataTemplat>
        <ListBox.ItemTemplate>
   </ListBox>

The output is something like:

Father [ ]Select all
[ ] Child 1
[ ] Child 2
[ ] Child 3

Mother [ ]Select all
[ ] Child 4
[ ] Child 5
[ ] Child 6

Grandfather [ ]Select all
[ ] Child 7
………..
…………

If I check the Father checkbox, all the Childs should get selected under father. This is happening

But
Problem- 1 if I unselect any child, the ‘select All’ is still kept as selected -- this should not happen.
Problem 2- if I select/check on Father,……. child1,2,3 get selected, but if I un-select/un-check any child say … child2 or child 1 then un-select Father(select All) and then again select/check Father, child 2 /child 1 remain un-selected/un-checked.

Problem 3 – on the select/check of "select all" I want to add all the child in a arrayList/collection and if I unselect any child, that child should get removed from the childlist…

Please suggest me how to proceed with this issue in MVVM pattern.

Posted 14-Sep-10 1:07am

coolamit9

Updated 14-Sep-10 1:31am

LittleYellowBird

v3

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Abhinav S · Answer 1 · 2010-09-19T20:16:00

Solution 3

You will need to write some code to set the SelectAllCheckBox property to false when one of the children check boxes is unchecked.

Posted 19-Sep-10 20:16pm

Abhinav S

coolamit9 · Answer 2 · 2010-09-20T02:46:00

SQL

Hi,

if I follow as above:

IsChecked="{Binding ElementName=SelectAllCheckBox, Path=IsChecked, Mode=TwoWay}"

If i do a TwoWay mode and unselect any child say child-1, then .....  select all, child 2,3,    ......   all get unselected.

Also if i Bind the IsChecked property of 'select all' checkbox, to any property in my Viewmodel and select all father, then Mother, grandfather also get selected (since select all is in a list box and repeats with the number of data row in  'ParentList'
.

plz help

Kubajzz · Answer 3 · 2010-09-14T03:02:00

I can't solve your entire problem, but I can give you several hints:

First, it makes no sense to use TwoWay binding for the Command property.

Second, try using TwoWay binding for the IsChecked property of the child checkbox:

XAML

IsChecked"{Binding ElementName=SelectAllCheckBox, Path=IsChecked, Mode=TwoWay}"

Third, read a book or an article about the basics of WPF commands and bindings...

Select All Checkbox issue using MVVM pattern

3 solutions

Solution 3

Solution 4

Solution 1

Add your solution here

Preview 0