New to Kendo UI for jQuery? Start a free 30-day trial

Change

events

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

change

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.

<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>

Change

change

Event Data

e.sender kendo.ui.OrgChart

e.item jQuery

e.dataItems Array

e.sender `kendo.ui.OrgChart`

e.item `jQuery`

e.dataItems `Array`