[Solved] Check/Uncheck All functionality

[Arun Prasath]

Hi Atanas,
I am using the tree view with check box. Is there a way to check / uncheck all  nodes in the tree view?
An example code would be very helpful.

Our customer ID is: JT359876

Many thanks,
Arun

[Georgi Krustev]

Hello Arun Prasath,

To achieve your goal you need to find all checkboxes in the TreeView component. After you have a collection, containing all checkboxes of the TreeView, you need to traverse it and check/uncheck checkboxes shown in this forum thread open by you. For more information review this code snippet:

<script type="text/javascript">

var checkAll = true;
              function ToggleCheckedItems(e) {
                  var treeView = $('#TreeView').data('tTreeView');
                  var allCheckboxes = $('#TreeView').find("li:has(ul)").find('> div > .t-checkbox :checkbox');
                  $.each(allCheckboxes, function(index, checkbox) {
                    $(checkbox).attr('checked', checkAll ? true : false);
                    treeView.checkboxClick(e, checkbox);
                  });

                  checkAll = !checkAll;
              }

</script>

You can wire this method to a button. Thus you can check/uncheck all nodes in the treeview.

Regards,
Georgi Krustev
the Telerik team

[Wai Kei]

I created a jQuery function to uncheck ALL checkboxes in the tree view (parents and child and grandchild and etcetc, i.e. ALL) as the following:

function clearTreeView() {
    var treeView = $('#TreeView').data('tTreeView');
    var allCheckboxes = $('#TreeView').find("li:has(ul)").find('> div > .t-checkbox :checkbox');
   
    $.each(allCheckboxes, function(index, checkbox) {
        $(checkbox).attr('checked', false);
        treeView.checkboxClick(null, checkbox);
    });
}

But it only clears the FIRST parent checkbox. I am using the 2010Q3 version. Am I missing something?

Thank you.

[Georgi Krustev]

Hi,

Used jQuery selector is not correct. If you need to un/check all checkboxes then you should not search only for LI items with UL children. Here is correct jQuery selector:

$('#TreeView').find("li").find('> div > .t-checkbox :checkbox')

Regards,
Georgi Krustev
the Telerik team

[Arava]

Hi,
when all the checkboxes in the Treeview are unchecked my Check All check box shoul be automatically uncheked.
But this is not happening in my case.
As i am wrting on click of checkall checkbox all my checkboxes are getting checked .
And on uncheking the chek all chekoxes are the checkboxes are getting uncheked.This scenario is fine and this working according what you mentioned in below code.
But the above senario is not working fine.

Thanks & Regards,
Shilpa.