Question

I have nested repeaters and checkbox in each row(like a tree view or ctaegory and items view).
each check/uncheck the category should check/uncheck the items.
any suggestions?
Thanks,

Answer 1

I had to do this before and I’ve done it with a simple JavaScript. Basically, when you bind you repeater, give the CategoryId to the checkbox’s check event, e.g.

onchange="SelectCategory('<%# Eval("CategoryID") %>')"

have your child items wrapped around in a div with ID ending with CategoryId, e.g.

<div ID="divItems'<%# Eval("CategoryID") %>'">...</div>

this will allow you to find it in your SelectCategory(catId) function by doing

itemsDiv = document.GetElementById("divItems" + catId);

loop through its children and check your items:

var items = itemsDiv.getElementsByTagName('INPUT');
for (var i=0; i < items.length; i++) {
        if (collection[i].type.toUpperCase() == 'CHECKBOX')
            collection[i].checked = true; // or even "= CategoryCheckbox.checked"
    }

even better with jQuery:

$('#divItems' + catId).find(':checkbox').attr('checked', 'checked');