New to Telerik UI for ASP.NET MVC? Download free 30-day trial

ASP.NET MVC Diagram Events

EXAMPLE
VIEW SOURCE
Change Theme
default
Default Theme
Main
Main Dark
Nordic
Ocean Blue
Ocean Blue A11Y
Purple
Turquoise
Bootstrap Theme
Main
Bootstrap 3
Bootstrap 3 Dark
Main Dark
Nordic
Turquoise
Turquoise Dark
Urban
Vintage
Material Theme
Main
Arctic
Lime Dark
Main Dark
Material 2
Material 2 Dark
Nova
Classic Theme
Main
Green
Green Dark
Lavender
Lavender Dark
Main Dark
Metro
Metro Dark
Moonlight
Opal
Opal Dark
Silver
Silver Dark
Uniform
Fluent Theme
Main
Launch Theme Builder

events.cshtml
DiagramDataController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

"object"==typeof KendoLicensing&&KendoLicensing.setScriptKey(""),kendo.syncReady(function(){jQuery("#diagram").kendoDiagram({dataBound:onDataBound,itemRotate:onItemRotate,pan:onPan,mouseEnter:onMouseEnter,mouseLeave:onMouseLeave,select:onSelect,zoomStart:onZoomStart,zoomEnd:onZoomEnd,click:onClick,edit:onEdit,add:onAdd,remove:onRemove,cancel:onCancel,dragStart:onDragStart,drag:onDrag,dragEnd:onDragEnd,dataSource:{type:(()=>{if(kendo.data.transports["aspnetmvc-ajax"])return"aspnetmvc-ajax";throw new Error("The kendo.aspnetmvc.min.js script is not included.")})(),transport:{read:{url:"/aspnet-mvc/diagramdata/readshapes"},update:{url:"/aspnet-mvc/diagramdata/updateshape"},create:{url:"/aspnet-mvc/diagramdata/createshape"},destroy:{url:"/aspnet-mvc/diagramdata/destroyshape"}},schema:{data:"Data",total:"Total",errors:"Errors",model:{id:"Id",fields:{Id:{editable:!1,type:"number"},JobTitle:{type:"string"},Color:{type:"string"}}}}},connectionsDataSource:{type:(()=>{if(kendo.data.transports["aspnetmvc-ajax"])return"aspnetmvc-ajax";throw new Error("The kendo.aspnetmvc.min.js script is not included.")})(),transport:{read:{url:"/aspnet-mvc/diagramdata/readconnections"},prefix:"",update:{url:"/aspnet-mvc/diagramdata/updateconnection"},create:{url:"/aspnet-mvc/diagramdata/createconnection"},destroy:{url:"/aspnet-mvc/diagramdata/destroyconnection"}},schema:{data:"Data",total:"Total",errors:"Errors",model:{id:"Id",fields:{Id:{editable:!1,type:"number"},from:{from:"FromShapeId",type:"number",defaultValue:null},to:{from:"ToShapeId",type:"number",defaultValue:null},text:{from:"Text",editable:!1,type:"string"},fromX:{from:"FromPointX",type:"number",defaultValue:null},fromY:{from:"FromPointY",type:"number",defaultValue:null},toX:{from:"ToPointX",type:"number",defaultValue:null},toY:{from:"ToPointY",type:"number",defaultValue:null}}}}},connectionDefaults:{stroke:{color:"#586477",width:2}},layout:{underneathHorizontalOffset:140,type:"tree",subtype:"tipover"},shapeDefaults:{content:{color:"#444",fontSize:17,template:"#= dataItem.JobTitle #"},visual:visualTemplate}})})

ASP.NET MVC Diagram Events

Support & Learning Resources

Additional Resources