Node keypress event

[Irit]

Hey,

I'm trying to find a way to bind an enter keypress event to some function, so that using only the keyboard, when a user presses enter on some node, it will lead to some action.

I wonder what is the correct way to do that.
I have a complicated template for each node, and I tried to bind the keydown event to a class I have in each node, but that didn't work (it did work for me with the click event though...)

Any advice?

Thanks,

[Daniel]

Hello,

In order to capture keyboard events the element that you are binding to should have tabindex. The TreeView wrapper element by default has tabindex so you could use it. To determine the focused element in the handler, you can search for the "k-state-focused" class e.g.

$("#treeview").on("keydown", function (e) {
    if (e.keyCode == 13) {
        var focusedItem = $(this).find(".k-item:has( > div > .k-state-focused)");
        //your logic
    }
});

Regards,
Daniel
the Telerik team