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

Append

methods

Appends a new node to the specified parent node. The second argument could be the parent node jQuery object, HTML Element, or jQuery selector string. When a parent is not specified the item will be added as a root item.

append

Parameters:itemObject

Specifies the data for the item to be added.

parentjQuery|Element|String

Specifies the parent item.

<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 },
        ]
    });

    var orgChart = $("#orgchart").getKendoOrgChart();
    var parentTask = orgChart.items()[1];

    orgChart.append({
        id: 9,
        name: "Added",
        title: "Support"
    }, parentTask);
</script>