Skip to content

Commit b5b0737

Browse files
KarkuvelRajanKarkuvelRajan
authored
Merge pull request #55 from SatishRaj4377/1006428-toolsSample
1006428: updated sample
2 parents 3ad7165 + 64bb3af commit b5b0737

16 files changed

Lines changed: 145 additions & 133 deletions

‎Diagram/Server/Pages/DrawingTools/ConnectorDrawTool.razor‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,18 +5,18 @@
55

66
<SfButton Content="AddConnector" OnClick="@AddConnector" />
77

8-
<SfDiagramComponent @ref="diagram" Nodes="@nodes" Height="600px" />
8+
<SfDiagramComponent @ref="_diagram" Nodes="@_nodes" Height="600px" />
99

1010
@code
1111
{
12-
//Reference to diagram
13-
private SfDiagramComponent diagram;
14-
//Defines diagram's nodes collection
15-
private DiagramObjectCollection<Node> nodes;
12+
// Reference to diagram
13+
private SfDiagramComponent _diagram;
14+
// Defines diagram's nodes collection
15+
private DiagramObjectCollection<Node> _nodes;
1616

1717
protected override void OnInitialized()
1818
{
19-
nodes = new DiagramObjectCollection<Node>();
19+
_nodes = new DiagramObjectCollection<Node>();
2020
Node node = new Node()
2121
{
2222
ID = "group",
@@ -37,15 +37,15 @@
3737
},
3838
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "white" }
3939
};
40-
nodes.Add(node);
40+
_nodes.Add(node);
4141
}
4242

4343
private void AddConnector()
4444
{
4545
//To draw an object once, activate draw once
46-
diagram.InteractionController = DiagramInteractions.DrawOnce;
46+
_diagram.InteractionController = DiagramInteractions.DrawOnce;
4747
//Initialize the drawing object to draw the connectors
48-
diagram.DrawingObject = new Connector()
48+
_diagram.DrawingObject = new Connector()
4949
{
5050
ID = "connector1",
5151
Type = ConnectorSegmentType.Straight,

‎Diagram/Server/Pages/DrawingTools/FreehandDrawTool.razor‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,20 +5,20 @@
55

66
<SfButton Content="Freehand" OnClick="@Freehand" />
77

8-
<SfDiagramComponent @ref="diagram" Nodes="@nodes" Height="600px">
8+
<SfDiagramComponent @ref="_diagram" Nodes="@_nodes" Height="600px">
99
<SnapSettings Constraints="SnapConstraints.None"></SnapSettings>
1010
</SfDiagramComponent>
1111

1212
@code
1313
{
14-
//Reference to the diagram.
15-
private SfDiagramComponent diagram;
16-
//Define the diagram's nodes collection.
17-
private DiagramObjectCollection<Node> nodes;
14+
// Reference to the diagram.
15+
private SfDiagramComponent _diagram;
16+
// Define the diagram's nodes collection.
17+
private DiagramObjectCollection<Node> _nodes;
1818

1919
protected override void OnInitialized()
2020
{
21-
nodes = new DiagramObjectCollection<Node>();
21+
_nodes = new DiagramObjectCollection<Node>();
2222
Node node = new Node()
2323
{
2424
ID = "group",
@@ -39,15 +39,15 @@
3939
},
4040
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "white" }
4141
};
42-
nodes.Add(node);
42+
_nodes.Add(node);
4343
}
4444

4545
private void Freehand()
4646
{
4747
//Draw an object once and activate the draw once.
48-
diagram.InteractionController = DiagramInteractions.DrawOnce;
48+
_diagram.InteractionController = DiagramInteractions.DrawOnce;
4949
//Initialize the drawing object to draw the freehand connector.
50-
diagram.DrawingObject = new Connector()
50+
_diagram.DrawingObject = new Connector()
5151
{
5252
ID = "connector1",
5353
Type = ConnectorSegmentType.Freehand,

‎Diagram/Server/Pages/DrawingTools/MultipleTools.razor‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,14 @@
22

33
@using Syncfusion.Blazor.Diagram
44

5-
<SfDiagramComponent Connectors="@connectors" @ref="diagram" Height="600px" InteractionController="@tool" />
5+
<SfDiagramComponent Connectors="@_connectors" @ref="_diagram" Height="600px" InteractionController="@_tool" />
66

77
@code
88
{
9-
//Reference to diagram.
10-
private SfDiagramComponent diagram;
11-
//Enable the multiple tools.
12-
private DiagramInteractions tool = DiagramInteractions.DrawOnce | DiagramInteractions.ZoomPan;
13-
//Defines diagram's connectors collection.
14-
private DiagramObjectCollection<Connector> connectors = new DiagramObjectCollection<Connector>();
9+
// Reference to diagram.
10+
private SfDiagramComponent _diagram;
11+
// Enable the multiple tools.
12+
private DiagramInteractions _tool = DiagramInteractions.DrawOnce | DiagramInteractions.ZoomPan;
13+
// Defines diagram's connectors collection.
14+
private DiagramObjectCollection<Connector> _connectors = new DiagramObjectCollection<Connector>();
1515
}

‎Diagram/Server/Pages/DrawingTools/NodeDrawTool.razor‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,18 +5,18 @@
55

66
<SfButton Content="addNode" OnClick="@AddNode" />
77

8-
<SfDiagramComponent @ref="diagram" Nodes="@nodes" Height="600px" />
8+
<SfDiagramComponent @ref="_diagram" Nodes="@_nodes" Height="600px" />
99

1010
@code
1111
{
12-
//Reference to diagram
13-
private SfDiagramComponent diagram;
14-
//Defines diagram's nodes collection
15-
private DiagramObjectCollection<Node> nodes;
12+
// Reference to diagram
13+
private SfDiagramComponent _diagram;
14+
// Defines diagram's nodes collection
15+
private DiagramObjectCollection<Node> _nodes;
1616

1717
protected override void OnInitialized()
1818
{
19-
nodes = new DiagramObjectCollection<Node>();
19+
_nodes = new DiagramObjectCollection<Node>();
2020
Node node = new Node()
2121
{
2222
ID = "group",
@@ -37,15 +37,15 @@
3737
},
3838
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "white" }
3939
};
40-
nodes.Add(node);
40+
_nodes.Add(node);
4141
}
4242

4343
private void AddNode()
4444
{
4545
//To draw an object once, activate draw once
46-
diagram.InteractionController = DiagramInteractions.DrawOnce;
46+
_diagram.InteractionController = DiagramInteractions.DrawOnce;
4747
//Initialize the drawing object to draw the shape
48-
diagram.DrawingObject = new Node()
48+
_diagram.DrawingObject = new Node()
4949
{
5050
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle },
5151
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" }

‎Diagram/Server/Pages/DrawingTools/PolygonShapeTool.razor‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,20 +4,20 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="Polygon" OnClick="@Polygon" />
7-
<SfDiagramComponent @ref="diagram" Nodes="@nodes" Height="600px">
7+
<SfDiagramComponent @ref="_diagram" Nodes="@_nodes" Height="600px">
88
<SnapSettings Constraints="SnapConstraints.None"></SnapSettings>
99
</SfDiagramComponent>
1010

1111
@code
1212
{
13-
//Reference to diagram
14-
private SfDiagramComponent diagram;
15-
//Defines diagram's nodes collection
16-
private DiagramObjectCollection<Node> nodes;
13+
// Reference to diagram
14+
private SfDiagramComponent _diagram;
15+
// Defines diagram's nodes collection
16+
private DiagramObjectCollection<Node> _nodes;
1717

1818
protected override void OnInitialized()
1919
{
20-
nodes = new DiagramObjectCollection<Node>();
20+
_nodes = new DiagramObjectCollection<Node>();
2121
Node node = new Node()
2222
{
2323
ID = "group",
@@ -38,15 +38,15 @@
3838
},
3939
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "white" }
4040
};
41-
nodes.Add(node);
41+
_nodes.Add(node);
4242
}
4343

4444
private void Polygon()
4545
{
4646
//To draw an object once, activate draw once
47-
diagram.InteractionController = DiagramInteractions.DrawOnce;
47+
_diagram.InteractionController = DiagramInteractions.DrawOnce;
4848
//Initialize the drawing object to draw the polygon shape
49-
diagram.DrawingObject = new Node()
49+
_diagram.DrawingObject = new Node()
5050
{
5151
ID = "polygon",
5252
Shape = new BasicShape()

‎Diagram/Server/Pages/DrawingTools/PolylineDrawTool.razor‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,20 +4,20 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="Polyline" OnClick="@Polyline" />
7-
<SfDiagramComponent @ref="diagram" Nodes="@nodes" Height="600px">
7+
<SfDiagramComponent @ref="_diagram" Nodes="@_nodes" Height="600px">
88
<SnapSettings Constraints="SnapConstraints.None"></SnapSettings>
99
</SfDiagramComponent>
1010

1111
@code
1212
{
13-
//Reference to diagram
14-
private SfDiagramComponent diagram;
15-
//Defines diagram's nodes collection
16-
private DiagramObjectCollection<Node> nodes;
13+
// Reference to diagram
14+
private SfDiagramComponent _diagram;
15+
// Defines diagram's nodes collection
16+
private DiagramObjectCollection<Node> _nodes;
1717

1818
protected override void OnInitialized()
1919
{
20-
nodes = new DiagramObjectCollection<Node>();
20+
_nodes = new DiagramObjectCollection<Node>();
2121
Node node = new Node()
2222
{
2323
ID = "group",
@@ -38,15 +38,15 @@
3838
},
3939
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "white" }
4040
};
41-
nodes.Add(node);
41+
_nodes.Add(node);
4242
}
4343

4444
private void Polyline()
4545
{
4646
//Draw an object once and activate the draw once.
47-
diagram.InteractionController = DiagramInteractions.DrawOnce;
47+
_diagram.InteractionController = DiagramInteractions.DrawOnce;
4848
//Initialize the drawing object to draw the polyline connector.
49-
diagram.DrawingObject = new Connector()
49+
_diagram.DrawingObject = new Connector()
5050
{
5151
ID = "connector1",
5252
Type = ConnectorSegmentType.Polyline,

‎Diagram/Server/Pages/DrawingTools/TextNodeDrawTool.razor‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="AddNode" OnClick="@AddNode" />
7-
<SfDiagramComponent @ref="diagram" Nodes="@nodes" Height="600px" />
7+
<SfDiagramComponent @ref="_diagram" Nodes="@_nodes" Height="600px" />
88

99
@code
1010
{
11-
//Reference to diagram.
12-
private SfDiagramComponent diagram;
13-
//Define the diagram's nodes collection.
14-
private DiagramObjectCollection<Node> nodes;
11+
// Reference to diagram.
12+
private SfDiagramComponent _diagram;
13+
// Define the diagram's nodes collection.
14+
private DiagramObjectCollection<Node> _nodes;
1515

1616
protected override void OnInitialized()
1717
{
18-
nodes = new DiagramObjectCollection<Node>();
18+
_nodes = new DiagramObjectCollection<Node>();
1919
Node node = new Node()
2020
{
2121
ID = "group",
@@ -36,15 +36,15 @@
3636
},
3737
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "white" }
3838
};
39-
nodes.Add(node);
39+
_nodes.Add(node);
4040
}
4141

4242
private void AddNode()
4343
{
4444
//To draw an object once, activate draw once.
45-
diagram.InteractionController = DiagramInteractions.DrawOnce;
45+
_diagram.InteractionController = DiagramInteractions.DrawOnce;
4646
//Initialize the drawing object to draw the shape.
47-
diagram.DrawingObject = new Node()
47+
_diagram.DrawingObject = new Node()
4848
{
4949
Shape = new TextShape() { Content = "Text Content" },
5050
Style = new TextStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" }

‎Diagram/Server/Pages/DrawingTools/ToolSelection.razor‎

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,18 @@
22

33
@using Syncfusion.Blazor.Diagram
44

5-
<SfDiagramComponent Connectors="@connectors" Height="600px" InteractionController="@tool" />
5+
<SfDiagramComponent Connectors="@_connectors" Height="600px" InteractionController="@_tool" DrawingObject ="@_drawingObject" />
66

77
@code
88
{
9-
//Enable the single tool.
10-
private DiagramInteractions tool = DiagramInteractions.DrawOnce;
11-
//Defines diagram's connectors collection.
12-
private DiagramObjectCollection<Connector> connectors = new DiagramObjectCollection<Connector>();
9+
// Enable the single tool.
10+
private DiagramInteractions _tool = DiagramInteractions.DrawOnce;
11+
// Drawing object used by the diagram.
12+
private Connector _drawingObject = new Connector()
13+
{
14+
ID = "connector1",
15+
Type = ConnectorSegmentType.Straight,
16+
};
17+
// Defines diagram's connectors collection.
18+
private DiagramObjectCollection<Connector> _connectors = new DiagramObjectCollection<Connector>();
1319
}

‎Diagram/Wasm/Pages/DrawingTools/ConnectorDrawTool.razor‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,18 +5,18 @@
55

66
<SfButton Content="AddConnector" OnClick="@AddConnector" />
77

8-
<SfDiagramComponent @ref="diagram" Nodes="@nodes" Height="600px" />
8+
<SfDiagramComponent @ref="_diagram" Nodes="@_nodes" Height="600px" />
99

1010
@code
1111
{
12-
//Reference to diagram
13-
private SfDiagramComponent diagram;
14-
//Defines diagram's nodes collection
15-
private DiagramObjectCollection<Node> nodes;
12+
// Reference to diagram
13+
private SfDiagramComponent _diagram;
14+
// Defines diagram's nodes collection
15+
private DiagramObjectCollection<Node> _nodes;
1616

1717
protected override void OnInitialized()
1818
{
19-
nodes = new DiagramObjectCollection<Node>();
19+
_nodes = new DiagramObjectCollection<Node>();
2020
Node node = new Node()
2121
{
2222
ID = "group",
@@ -37,15 +37,15 @@
3737
},
3838
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "white" }
3939
};
40-
nodes.Add(node);
40+
_nodes.Add(node);
4141
}
4242

4343
private void AddConnector()
4444
{
4545
//To draw an object once, activate draw once
46-
diagram.InteractionController = DiagramInteractions.DrawOnce;
46+
_diagram.InteractionController = DiagramInteractions.DrawOnce;
4747
//Initialize the drawing object to draw the connectors
48-
diagram.DrawingObject = new Connector()
48+
_diagram.DrawingObject = new Connector()
4949
{
5050
ID = "connector1",
5151
Type = ConnectorSegmentType.Straight,

0 commit comments

Comments
 (0)