DiagramEventBuilder

Methods

Add(System.String)

Defines the handler of the Add client-side event. Fires when the user adds a new shape or connection.

For more information see Add event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the Add event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Add("onAdd"))
             )
             

Add(System.Func)

Defines the handler of the Add client-side event. Fires when the user adds a new shape or connection.

For more information see Add event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Add(@<text>
                  function(e) {
                      // Handle the Add event inline.
                  }
                  </text>)
               )
             )
             

Cancel(System.String)

Defines the handler of the Cancel client-side event. Fires when the user clicks the "Cancel" button in the popup window in case the item was added through the toolbar.

For more information see Cancel event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the Cancel event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Cancel("onCancel"))
             )
             

Cancel(System.Func)

Defines the handler of the Cancel client-side event. Fires when the user clicks the "Cancel" button in the popup window in case the item was added through the toolbar.

For more information see Cancel event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Cancel(@<text>
                  function(e) {
                      // Handle the Cancel event inline.
                  }
                  </text>)
               )
             )
             

Change(System.String)

Defines the handler of the Change client-side event. Fires when an item is added or removed to/from the Diagram.

For more information see Change event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the Change event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Change("onChange"))
             )
             

Change(System.Func)

Defines the handler of the Change client-side event. Fires when an item is added or removed to/from the Diagram.

For more information see Change event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Change(@<text>
                  function(e) {
                      // Handle the Change event inline.
                  }
                  </text>)
               )
             )
             

Click(System.String)

Defines the handler of the Click client-side event. Fires when the user clicks on a shape or a connection.

For more information see Click event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the Click event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Click("onClick"))
             )
             

Click(System.Func)

Defines the handler of the Click client-side event. Fires when the user clicks on a shape or a connection.

For more information see Click event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Click(@<text>
                  function(e) {
                      // Handle the Click event inline.
                  }
                  </text>)
               )
             )
             

DataBound(System.String)

Defines the handler of the DataBound client-side event. Fires when the Diagram is bound to data from its DataSource and ConnectionsDataSource.

For more information see DataBound event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the DataBound event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.DataBound("onDataBound"))
             )
             

DataBound(System.Func)

Defines the handler of the DataBound client-side event. Fires when the Diagram is bound to data from its DataSource and ConnectionsDataSource.

For more information see DataBound event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.DataBound(@<text>
                  function(e) {
                      // Handle the DataBound event inline.
                  }
                  </text>)
               )
             )
             

Drag(System.String)

Defines the handler of the Drag client-side event. Fires when dragging shapes or connections.

For more information see Drag event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the Drag event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Drag("onDrag"))
             )
             

Drag(System.Func)

Defines the handler of the Drag client-side event. Fires when dragging shapes or connections.

For more information see Drag event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Drag(@<text>
                  function(e) {
                      // Handle the Drag event inline.
                  }
                  </text>)
               )
             )
             

DragEnd(System.String)

Defines the handler of the DragEnd client-side event. Fires after finishing dragging shapes or connections.

For more information see DragEnd event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the DragEnd event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.DragEnd("onDragEnd"))
             )
             

DragEnd(System.Func)

Defines the handler of the DragEnd client-side event. Fires after finishing dragging shapes or connections.

For more information see DragEnd event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.DragEnd(@<text>
                  function(e) {
                      // Handle the DragEnd event inline.
                  }
                  </text>)
               )
             )
             

DragStart(System.String)

Defines the handler of the DragStart client-side event. Fires before starting dragging shapes or connections.

For more information see DragStart event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the DragStart event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.DragStart("onDragStart"))
             )
             

DragStart(System.Func)

Defines the handler of the DragStart client-side event. Fires before starting dragging shapes or connections.

For more information see DragStart event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.DragStart(@<text>
                  function(e) {
                      // Handle the DragStart event inline.
                  }
                  </text>)
               )
             )
             

Edit(System.String)

Defines the handler of the Edit client-side event. Fires when the user edits a shape or connection.

For more information see Edit event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the Edit event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Edit("onEdit"))
             )
             

Edit(System.Func)

Defines the handler of the Edit client-side event. Fires when the user edits a shape or connection.

For more information see Edit event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Edit(@<text>
                  function(e) {
                      // Handle the Edit event inline.
                  }
                  </text>)
               )
             )
             

ItemBoundsChange(System.String)

Defines the handler of the ItemBoundsChange client-side event. Fires when the location or size of a shape are changed.

For more information see ItemBoundsChange event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the ItemBoundsChange event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.ItemBoundsChange("onItemBoundsChange"))
             )
             

ItemBoundsChange(System.Func)

Defines the handler of the ItemBoundsChange client-side event. Fires when the location or size of a shape are changed.

For more information see ItemBoundsChange event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.ItemBoundsChange(@<text>
                  function(e) {
                      // Handle the ItemBoundsChange event inline.
                  }
                  </text>)
               )
             )
             

ItemRotate(System.String)

Defines the handler of the ItemRotate client-side event. Fires when a shape is rotated.

For more information see ItemRotate event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the ItemRotate event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.ItemRotate("onItemRotate"))
             )
             

ItemRotate(System.Func)

Defines the handler of the ItemRotate client-side event. Fires when a shape is rotated.

For more information see ItemRotate event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.ItemRotate(@<text>
                  function(e) {
                      // Handle the ItemRotate event inline.
                  }
                  </text>)
               )
             )
             

MouseEnter(System.String)

Defines the handler of the MouseEnter client-side event. Fires when the mouse enters a shape or a connection. Will not fire for disabled items.

For more information see MouseEnter event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the MouseEnter event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.MouseEnter("onMouseEnter"))
             )
             

MouseEnter(System.Func)

Defines the handler of the MouseEnter client-side event. Fires when the mouse enters a shape or a connection. Will not fire for disabled items.

For more information see MouseEnter event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.MouseEnter(@<text>
                  function(e) {
                      // Handle the MouseEnter event inline.
                  }
                  </text>)
               )
             )
             

MouseLeave(System.String)

Defines the handler of the MouseLeave client-side event. Fires when the mouse leaves a shape or a connection. Will not fire for disabled items.

For more information see MouseLeave event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the MouseLeave event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.MouseLeave("onMouseLeave"))
             )
             

MouseLeave(System.Func)

Defines the handler of the MouseLeave client-side event. Fires when the mouse leaves a shape or a connection. Will not fire for disabled items.

For more information see MouseLeave event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.MouseLeave(@<text>
                  function(e) {
                      // Handle the MouseLeave event inline.
                  }
                  </text>)
               )
             )
             

Pan(System.String)

Defines the handler of the Pan client-side event. Fires when the user pans the Diagram.

For more information see Pan event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the Pan event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Pan("onPan"))
             )
             

Pan(System.Func)

Defines the handler of the Pan client-side event. Fires when the user pans the Diagram.

For more information see Pan event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Pan(@<text>
                  function(e) {
                      // Handle the Pan event inline.
                  }
                  </text>)
               )
             )
             

Remove(System.String)

Defines the handler of the Remove client-side event. Fires when the user removes a shape or connection.

For more information see Remove event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the Remove event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Remove("onRemove"))
             )
             

Remove(System.Func)

Defines the handler of the Remove client-side event. Fires when the user removes a shape or connection.

For more information see Remove event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Remove(@<text>
                  function(e) {
                      // Handle the Remove event inline.
                  }
                  </text>)
               )
             )
             

Save(System.String)

Defines the handler of the Save client-side event. Fires when the user saves a shape or a connection.

For more information see Save event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the Save event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Save("onSave"))
             )
             

Save(System.Func)

Defines the handler of the Save client-side event. Fires when the user saves a shape or a connection.

For more information see Save event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Save(@<text>
                  function(e) {
                      // Handle the Save event inline.
                  }
                  </text>)
               )
             )
             

Select(System.String)

Defines the handler of the Select client-side event. Fires when the user selects one or more items.

For more information see Select event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the Select event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Select("onSelect"))
             )
             

Select(System.Func)

Defines the handler of the Select client-side event. Fires when the user selects one or more items.

For more information see Select event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.Select(@<text>
                  function(e) {
                      // Handle the Select event inline.
                  }
                  </text>)
               )
             )
             

ToolBarClick(System.String)

Defines the handler of the ToolBarClick client-side event. Fires when the user clicks an item in the toolbar.

For more information see ToolBarClick event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the ToolBarClick event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.ToolBarClick("onToolBarClick"))
             )
             

ToolBarClick(System.Func)

Defines the handler of the ToolBarClick client-side event. Fires when the user clicks an item in the toolbar.

For more information see ToolBarClick event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.ToolBarClick(@<text>
                  function(e) {
                      // Handle the ToolBarClick event inline.
                  }
                  </text>)
               )
             )
             

ZoomEnd(System.String)

Defines the handler of the ZoomEnd client-side event. Fires when the user changes the Diagram zoom level.

For more information see ZoomEnd event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the ZoomEnd event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.ZoomEnd("onZoomEnd"))
             )
             

ZoomEnd(System.Func)

Defines the handler of the ZoomEnd client-side event. Fires when the user changes the Diagram zoom level.

For more information see ZoomEnd event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.ZoomEnd(@<text>
                  function(e) {
                      // Handle the ZoomEnd event inline.
                  }
                  </text>)
               )
             )
             

ZoomStart(System.String)

Defines the handler of the ZoomStart client-side event. Fires when the user starts changing the Diagram zoom level.

For more information see ZoomStart event.

Parameters

handler - System.String

The name of the JavaScript function that will handle the ZoomStart event.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.ZoomStart("onZoomStart"))
             )
             

ZoomStart(System.Func)

Defines the handler of the ZoomStart client-side event. Fires when the user starts changing the Diagram zoom level.

For more information see ZoomStart event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

Razor

 
             @(Html.Kendo().Diagram<OrgChartShape, OrgChartConnection>()
               .Name("diagram")
               .Events(events => events.ZoomStart(@<text>
                  function(e) {
                      // Handle the ZoomStart event inline.
                  }
                  </text>)
               )
             )