change

Triggered when the selected node has been changed upon user interaction.

Event Data

e.sender kendo.ui.OrgChart

The OrgChart instance that triggered the event.

e.item jQuery

The item element that has been selected.

e.dataItems Array

The data item(s) of the node(s) that are selected.

Example

<div id="orgchart"></div>

<script>
    $("#orgchart").kendoOrgChart({
        dataSource: [
            { id: 1, name: "Jane", title: "Boss", expanded: true },
            { id: 2, name: "John", title: "Lead", expanded: true, parentId: 1 },
            { id: 3, name: "Jill", title: "Worker", expanded: true, parentId: 2 },
            { id: 4, name: "James", title: "Worker", expanded: true, parentId: 2 },
        ],
        change: function(e) {
            console.log(e);
        }
    });
</script>