select

Select or deselects the Connection.

Parameters

value Boolean (default: true)

True to select the Connection and false to deselect it.

    Select Connection
    <div id="diagram"></div>

      var Shape = kendo.dataviz.diagram.Shape;
      $("#diagram").kendoDiagram();
      var diagram = $("#diagram").data("kendoDiagram");
      var shape1 = diagram.addShape( new Shape({ x: 100, y: 100 }));
      var shape2 = diagram.addShape( new Shape({ x: 300, y: 100 }));


      var connection = new kendo.dataviz.diagram.Connection(shape1, shape2, {
        type: "cascading",
        selection: {
          handles: {
            width: 8,
            height: 8,
            fill: {
              color: "green"
            }
          }
        },
        editable: false
      });

      diagram.addConnection(connection);

      $("#selectBtn").on("click", function(){
        var connection = diagram.connections[0];
        connection.select(true);
      });
    </script>
In this article
Not finding the help you need? Improve this article