Select the employee in the TreeView to view the details in the right panel.

<obout:Tree ID="ObClassicTree" ClientObjectID="obTreeClientObj" DataSourceID="XmlDataSource1"
    EnableViewState="false" CssClass="vista" OnNodeSelect="clientOnNodeSelect" runat="server" Width="200px">
    <DataBindings>
        <obout:NodeBinding DataMember="employee" ValueField="value" TextField="name"
            ImageUrl="~/obout.ajax.ui/treeview/examples/img/engineer-icon.png" />
    </DataBindings>
</obout:Tree>
            

        //This event will get fired when a node is selected.
        function clientOnNodeSelect(sender, args) {
            //'getNodeValue' function returns the value stored for the node.
            fillData(sender.getNodeValue(args.node), sender.getNodeText(args.node));
        }
        //Helper function to fill the data in the table
        function fillData(data, name) {
            var arr_data = data.split(';');
            arr_data.splice(1, 0, name);

            var rows = document.getElementById("detailTable").getElementsByTagName("TR");

            for (var i = 0; i < arr_data.length - 1; i++) {
                (rows<i].getElementsByTagName("TD"))<1].innerHTML = arr_data<i];
            }

        }
       function pageLoad(sender,args) {
            var obTreeClientObj=$find("<%=ObClassicTree.ClientID %>");
            //Get the first node
            var firstNode = obTreeClientObj.getNodeByIndex("0");
            //Make the node as selected
            obTreeClientObj.setSelected(firstNode);
        }