New to Kendo UI for jQueryStart a free 30-day trial

Select

events

Fired when the user selects one or more items.

Event Data

e.selected Array

The selected items (shapes and connections).

e.deselected Array

The rest of the items (shapes and connections).

e.sender kendo.dataviz.ui.Diagram

The widget instance which fired the event.

<div id="diagram"></div>
<script>
  function onSelect(e){
    var selectedItem = e.selected[0]; // first element in selection
    if(selectedItem instanceof kendo.dataviz.diagram.Shape){
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log("Selected shape with text: " + selectedItem.options.content.text);
    }
  }

  $("#diagram").kendoDiagram({
    shapes:[
      {
        id:"1",
        content:{
          text: "State 1"
        },
        x: 20,
        y: 20
      },
      {
        id:"2",
        content: {
          text: "State 2"
        },
        x: 160,
        y: 20
      }
    ],
    connections:[
      {
        from: "1",
        to: "2"
      }
    ],
    select: onSelect
  });
</script>
Not finding the help you need?
Contact Support