DiagramEventBuilder

Methods

Add(System.String)

Defines the handler of the Add client-side event. Fired when the user adds new shape or connection.The event handler function context (available via the this keyword) will be set to the widget instance.

For more information see Add event.

Parameters

handler - System.String

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

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired when the user adds new shape or connection.The event handler function context (available via the this keyword) will be set to the widget instance.

For more information see Add event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired when the user clicks the "cancel" button in the popup window in case the item was added via a toolbar.

For more information see Cancel event.

Parameters

handler - System.String

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

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired when the user clicks the "cancel" button in the popup window in case the item was added via a toolbar.

For more information see Cancel event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired when the widget is bound to data from dataDource and connectionsDataSource.The event handler function context (available via the this keyword) will be set to the widget instance.

For more information see DataBound event.

Parameters

handler - System.String

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

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired when the widget is bound to data from dataDource and connectionsDataSource.The event handler function context (available via the this keyword) will be set to the widget instance.

For more information see DataBound event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired when dragging shapes or connection.

For more information see Drag event.

Parameters

handler - System.String

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

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired when dragging shapes or connection.

For more information see Drag event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired after finishing dragging shapes or connection.

For more information see DragEnd event.

Parameters

handler - System.String

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

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired after finishing dragging shapes or connection.

For more information see DragEnd event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired before starting dragging shapes or connection.

For more information see DragStart event.

Parameters

handler - System.String

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

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired before starting dragging shapes or connection.

For more information see DragStart event.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

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. Fired 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.

RETURNS

Returns the current instance of DiagramEventBuilder .

Example

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