Cancel

  <div id="diagram" style="height:600px;"></div>
  <script>
    $("#diagram").kendoDiagram({
      dataSource: {
        data: [
          { id: 1, jobTitle: "President" },
          { id: 2, jobTitle: "VP Finance" }
        ],
        schema: {
          model: {
            id: "id",
            fields: {
              jobTitle: { type: "string" }
            }
          }
        }
      },
      connectionsDataSource: {
        data: [
          { id: 1, from: 1, to: 2 }
        ]
      },
      layout: {
        type: "tree",
        subtype: "tipover",
        underneathHorizontalOffset: 140
      },
      cancel: onCancel
    });

    function onCancel(e){
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log(e.shape.id);
    }
  </script>