Only select tree nodes with no parents

[Karl Mikesell]

Only certain TreeView nodes can be selected, and using enabled: false; does not allow the expand to function.

How is it possible to only select tree nodes with no parents?  This means their parent node cannot be selected.  Can the select event be canceled?

[Alex Gyoshev]

Hello Karl,

The select event can be canceled. Just call e.preventDefault() in the event handler.

If you want to remove the hover styles for the nodes that cannot be selected, you can do so by detaching the mouseenter/mouseleave event handlers of the nodes:

$("#treeview")
    .filter(function() {
        /* nodes that can not be clicked */
    })
    .off("mouseenter mouseleave");

Regards,
Alex Gyoshev
the Telerik team

[Karl Mikesell]

The .filter function will need to be a wrapped set of nodes that cannot be clicked?

Is there a way to get all nodes in the treeview and remove nodes that can be clicked from the wrapped set? 

[Alex Gyoshev]

Hello Karl,

Just tried the sample more thoroughly, and it seems I misguided you. The call to off() will disable all hover effects, and the filter won't do anything. In order to make it work, the handlers need to be re-attached to the clickable nodes:

$("#treeview").data("kendoTreeView").wrapper
    .off("mouseenter mouseleave")
    .find(".k-item > div:only-child .k-in")
        .on({
            mouseenter: function() { $(this).addClass("k-state-hover"); },
            mouseleave: function() { $(this).removeClass("k-state-hover"); }
       });

Regards,
Alex Gyoshev
the Telerik team