editableBoolean|Object(default: true)
If set to false, the user will not be able to edit the data to which the OrgChart is bound. By default, editing is enabled.
The editable option can also be set to a JavaScript object (which represents the editing configuration).
- In order for the edit operations to work correctly, configure the dataSource for CRUD operations.
Example
<div id="orgchart"></div>
<script>
$("#orgchart").kendoOrgChart({
editable: false,
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 },
]
});
</script>
In this article