965225: Changes committed

Author: SumathiSumi

UG-Samples/Connectors/Events/CollectionChangeEvent/Pages/Index.razor

@@ -1,30 +1,30 @@
 @page "/"
 
 @using Syncfusion.Blazor.Diagram
-@using System.Collections.ObjectModel
 
 <SfDiagramComponent @ref="@Diagram"
                     Width="100%"
                     Height="700px"
-                    Nodes="nodes"
+                   Connectors="@connectors"
                     CollectionChanged="OnCollectionChanged">
 </SfDiagramComponent>
 
 @code{
-    //Reference the diagram
     SfDiagramComponent Diagram;
-    //Initialize the diagram's nodes collection
-    DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
+    //Defines diagram's connector collection.
+    DiagramObjectCollection<Connector> connectors = new DiagramObjectCollection<Connector>();
     protected override void OnInitialized()
     {
-        Node node = new Node()
+         Connector Connector = new Connector()
         {
-            OffsetX = 250,
-            OffsetY = 250,
-            Width = 100,
-            Height = 100
+            ID = "connector1",
+            // Set the source and target point of the connector.
+            SourcePoint = new DiagramPoint() { X = 100, Y = 100 },
+            TargetPoint = new DiagramPoint() { X = 200, Y = 200 },
+            // Type of the connector segments.
+            Type = ConnectorSegmentType.Straight
         };
-        nodes.Add(node);
+        connectors.Add(Connector);
     }
      //  Notify the Collection Changed event while changing the collection of the node or connector at run time.
     private void OnCollectionChanged(CollectionChangedEventArgs args)

UG-Samples/Connectors/Events/MouseEnterEvent/Pages/Index.razor

@@ -1,30 +1,30 @@
 @page "/"
 
 @using Syncfusion.Blazor.Diagram
-@using System.Collections.ObjectModel
 
 <SfDiagramComponent @ref="@Diagram"
                     Width="100%"
                     Height="700px"
-                    Nodes="nodes"
+                    Connectors="@connectors"
                     MouseEnter="OnMouseEnter">
 </SfDiagramComponent>
 
-@code {
-    //Reference the diagram
+@code{
     SfDiagramComponent Diagram;
-    //Initialize the diagram's nodes collection
-    DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
+    //Defines diagram's connector collection.
+    DiagramObjectCollection<Connector> connectors = new DiagramObjectCollection<Connector>();
     protected override void OnInitialized()
     {
-        Node node = new Node()
-            {
-                OffsetX = 250,
-                OffsetY = 250,
-                Width = 100,
-                Height = 100
-            };
-        nodes.Add(node);
+          Connector Connector = new Connector()
+        {
+            ID = "connector1",
+            // Set the source and target point of the connector.
+            SourcePoint = new DiagramPoint() { X = 100, Y = 100 },
+            TargetPoint = new DiagramPoint() { X = 200, Y = 200 },
+            // Type of the connector segments.
+            Type = ConnectorSegmentType.Straight
+        };
+        connectors.Add(Connector);
     }
     private void OnMouseEnter(DiagramElementMouseEventArgs args)
     {

UG-Samples/Connectors/Events/MouseHoverEvent/Pages/Index.razor

@@ -1,30 +1,30 @@
 @page "/"
 
 @using Syncfusion.Blazor.Diagram
-@using System.Collections.ObjectModel
 
 <SfDiagramComponent @ref="@Diagram"
                     Width="100%"
                     Height="700px"
-                    Nodes="nodes"
+                    Connectors="@connectors"
                     MouseHover="OnMouseHover">
 </SfDiagramComponent>
 
-@code {
-    //Reference the diagram
+@code{
     SfDiagramComponent Diagram;
-    //Initialize the diagram's nodes collection
-    DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
+    //Defines diagram's connector collection.
+    DiagramObjectCollection<Connector> connectors = new DiagramObjectCollection<Connector>();
     protected override void OnInitialized()
     {
-        Node node = new Node()
-            {
-                OffsetX = 250,
-                OffsetY = 250,
-                Width = 100,
-                Height = 100
-            };
-        nodes.Add(node);
+         Connector Connector = new Connector()
+        {
+            ID = "connector1",
+            // Set the source and target point of the connector.
+            SourcePoint = new DiagramPoint() { X = 100, Y = 100 },
+            TargetPoint = new DiagramPoint() { X = 200, Y = 200 },
+            // Type of the connector segments.
+            Type = ConnectorSegmentType.Straight
+        };
+        connectors.Add(Connector);
     }
     private void OnMouseHover(DiagramElementMouseEventArgs args)
     {

UG-Samples/Connectors/Events/MouseLeaveEvent/Pages/Index.razor

@@ -1,30 +1,30 @@
 @page "/"
 
 @using Syncfusion.Blazor.Diagram
-@using System.Collections.ObjectModel
 
 <SfDiagramComponent @ref="@Diagram"
                     Width="100%"
                     Height="700px"
-                    Nodes="nodes"
+                    Connectors="@connectors"
                     MouseLeave="OnMouseLeave">
 </SfDiagramComponent>
 
-@code {
-    //Reference the diagram
+@code{
     SfDiagramComponent Diagram;
-    //Initialize the diagram's nodes collection
-    DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
+    //Defines diagram's connector collection.
+    DiagramObjectCollection<Connector> connectors = new DiagramObjectCollection<Connector>();
     protected override void OnInitialized()
     {
-        Node node = new Node()
-            {
-                OffsetX = 250,
-                OffsetY = 250,
-                Width = 100,
-                Height = 100
-            };
-        nodes.Add(node);
+          Connector Connector = new Connector()
+        {
+            ID = "connector1",
+            // Set the source and target point of the connector.
+            SourcePoint = new DiagramPoint() { X = 100, Y = 100 },
+            TargetPoint = new DiagramPoint() { X = 200, Y = 200 },
+            // Type of the connector segments.
+            Type = ConnectorSegmentType.Straight
+        };
+        connectors.Add(Connector);
     }
     private void OnMouseLeave(DiagramElementMouseEventArgs args)
     {

UG-Samples/Connectors/Events/PropertyChangedEvent/Pages/Index.razor

@@ -1,33 +1,40 @@
 @page "/"
 
 @using Syncfusion.Blazor.Diagram
-@using System.Collections.ObjectModel
-
-<SfDiagramComponent @ref="@Diagram"
+<SfDiagramComponent @ref="@diagram"
                     Width="100%"
                     Height="700px"
-                    Nodes="nodes"
-                    PropertyChanged="OnPropertyChanged">
-                    </SfDiagramComponent>
+                    Connectors="@connectors"
+                    PropertyChanged="OnNodePropertyChanged">
+</SfDiagramComponent>
 
+@code {
+    SfDiagramComponent diagram;
+    //Defines diagram's connector collection.
+    DiagramObjectCollection<Connector> connectors = new DiagramObjectCollection<Connector>();
 
-@code{
-    SfDiagramComponent Diagram;
-    DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
     protected override void OnInitialized()
     {
-        Node node = new Node()
-        {
-            OffsetX = 250,
-            OffsetY = 250,
-            Width = 100,
-            Height = 100
-        };
-        nodes.Add(node);
+        Connector Connector = new Connector()
+            {
+                ID = "connector1",
+                // Set the source and target point of the connector.
+                SourcePoint = new DiagramPoint() { X = 100, Y = 100 },
+                TargetPoint = new DiagramPoint() { X = 200, Y = 200 },
+                // Type of the connector segments.
+                Type = ConnectorSegmentType.Straight
+            };
+        connectors.Add(Connector);
     }
-     // Notify the property changed event while the change property is at run time.
-    private void OnPropertyChanged(PropertyChangedEventArgs args)
+
+    // Method to handle Property Changed event
+    private void OnNodePropertyChanged(PropertyChangedEventArgs args)
     {
-        //Action to be performed.
+        if (args.Element is Connector changedNode)
+        {
+            // Logic to handle the property change for the specific connector
+            Console.WriteLine($"Node ID: {changedNode.ID} property changed.");
+            // Additional logic to handle updates
+        }
     }
 }