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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

             @(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

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