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>
            

        function clientOnNodeSelect(sender, args) {
            fillData(sender.getNodeValue(args.node), sender.getNodeText(args.node));
        }
        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].childNodes<1].innerHTML = arr_data<i];
            }

        }