Node Select Cancel - Focus

[Dave]

In my TreeView, while I have a node selected and I click another node in the tree, if I cancel the select via "e.preventDefault()" in my Select event handler, the selection is cancelled but the node I clicked retains focus.  Is there a way of preventing this (removing focus from the node I clicked)?  I tried adding code to remove the "k-state-focused" class from the node, but it does not work...

e.preventDefault();
$("#treeview_tv_active span.k-state-focused").removeClass("k-state-focused");

Thanks.

[Konstantin Dikov]

Hello Dave,

Thank you for contacting Telerik Support.

In order to remove the focused styles from the clicked item you should wrap the code for removing the k-state-focused class within a setTimeout function:

$("#treeview").kendoTreeView({
    select: function (e) {
        e.preventDefault();
        setTimeout(function () {
            $(e.node).find(".k-state-focused").removeClass("k-state-focused");
        })
    }
});

Could you please give the above approach a try and let me know if the result meets your exact requirements.

I am looking forward to your reply.


Regards,
Konstantin Dikov
Telerik

 

 

[Dave]

Yes, that seemed to work.  Thank you!