Treeview - Check children only if parent node is expanded

[Ryan]

Hi folks,

Two questions. Firstly, I'm using this JavaScript currently to check all children.

function onTreeDataBound(e) {
    $('#AjaxTreeView').find("li:has(ul)")
                .find('> div > .t-checkbox :checkbox')
                .bind('click', function (e) {
                    var isChecked = $(e.target).is(':checked');
                    var treeView = $($(e.target).closest('.t-treeview')).data('tTreeView');
                    var checkboxes = $(e.target).closest('.t-item')
                                                .find('> ul > li > div > .t-checkbox :checkbox');
                    $.each(checkboxes, function (index, checkbox) {
                        $(checkbox).attr('checked', isChecked ? true : false);
                        treeView.checkboxClick(e, checkbox);
                    });
                });
}

What I would like, though, is for the children to be checked only when the item is expanded (only let items the user can see, to be checked). How would I accomplish this?

Second, is there any way to save all expanded nodes (even if it was just the first level) in a cookie, and re-expand them next load? I am using LoadOnDemand/AJAX binding, so the solution I saw already about setting a cookie wouldn't work in this case.

Thanks!

[Alex Gyoshev]

Hello Ryan,

You can use the jQuery ":visible" selector to test whether the nodes are visible.

Regarding the second question, please take a look at the attached solution. It's the closest thing that we have to your requirement.

Regards,
Alex Gyoshev
the Telerik team

[Ryan]

Ah, yes, thank you. I'm still getting up to speed with jQuery's flexibility. Thanks for the sample project regarding persisting the treeview state as well - I will look into this shortly.