nodeselect client side

[Fit2Page]

Hi,

 

I managed to tab through nodes with the arrow keys. Now I want to take an action client side when a node is focused.

This is used to page through a library of PDFs. I cannot find a client-side event which triggers when a node is selected.

Suggestions?

 

Marc

[Vessy]

Hi Marc,

You can achieve the desired functionality by handling the jQuery keydown event of the TreeView element, getting the currently selected node in it.

For example, you can have a similar logic:

<script>
            var $ = $ || $telerik.$;

            function onTreeViewLoad() {
                $(".RadTreeView").keydown(handleNodeFocus);
            }
            function handleNodeFocus(e) {
                var keyCode = e.keyCode || e.which;

                //if up or down arrow is pressed
                if (keyCode == 38 || keyCode == 40) {
                    var tree = $find("RadTreeView1");
                    var selectedNode = tree.get_selectedNode();
                    //your action here
                }
            }
        </script>
 <telerik:RadTreeView RenderMode="Lightweight" ID="RadTreeView1"TabIndex="1" runat="server" OnClientLoad="onTreeViewLoad">
 <Nodes>
 <telerik:RadTreeNode runat="server" Text="My Node 1">
 <Nodes>
 <telerik:RadTreeNode runat="server" Text="Child Node">
 </telerik:RadTreeNode>
 </Nodes>
 </telerik:RadTreeNode>
 <telerik:RadTreeNode runat="server" Text="My Node 2">
 </telerik:RadTreeNode>
 <telerik:RadTreeNode runat="server" Text="My Node 3">
 </telerik:RadTreeNode>
 <telerik:RadTreeNode runat="server" Text="My Node 4">
 </telerik:RadTreeNode>
 <telerik:RadTreeNode runat="server" Text="My Node 5">
 </telerik:RadTreeNode>
 </Nodes>
 </telerik:RadTreeView>

Regards,
Vessy
Progress Telerik

[Fit2Page]

Thanks Vessy, I managed to get it working!

[Vessy]

Hi,

Nice to hear that, Marc! You are absolutely welcome :)

Regards,
Vessy
Progress Telerik