editable.remove Boolean
(default: true)
Specifies if the shapes and connections can be removed.
Example - preventing shapes and connections deletion
<div id="diagram"></div>
<script>
var dataSource = new kendo.data.HierarchicalDataSource({
data: [{
"name": "Progress",
"items": [
{"name": "Kendo UI",
"items":[
{"name": "TreeList"},
{"name": "Chart"}
]
},
{"name": "NativeScript"}
]
}],
schema: {
model: {
children: "items"
}
}
});
$("#diagram").kendoDiagram({
dataSource: dataSource,
editable: {
remove: false
},
layout: {
type: "tree",
subtype: "down"
},
shapeDefaults: {
content: {
template: "#= name #"
},
width: 80,
height: 80
},
connectionDefaults: {
type: "polyline",
startCap: "FilledCircle",
endCap: "ArrowEnd"
}
});
</script>