javascript/react-diagrams
1
0
Fork 0
mirror of https://github.com/projectstorm/react-diagrams.git synced 2025-08-26 07:51:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

extend locked widget demo with example for link with complex line (aka additional points)

Browse Source
This commit is contained in:
chlumper
2017-09-04 10:10:30 +00:00
parent 98c38c688b
commit d5673bfa05
1 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
demos/demo4/index.tsx
View File

@ -5,6 +5,7 @@ import {
DiagramModel,
DefaultNodeModel,
LinkModel,
PointModel,
DiagramWidget
} from "../../src/main";
@ -23,6 +24,7 @@ export default () => {
var model = new DiagramModel();
// sample for link with simple line (no additional points)
var node1 = new DefaultNodeModel("Node 1","rgb(0,192,255)");
var port1 = node1.addPort(new SRD.DefaultPortModel(false,"out-1","Out"));
node1.x = 100;
@ -41,6 +43,30 @@ export default () => {
model.addNode(node2);
model.addLink(link1);
// sample for link with complex line (additional points)
var node3 = new DefaultNodeModel("Node 3","rgb(0,192,255)");
var port3 = node3.addPort(new SRD.DefaultPortModel(false,"out-2","Out"));
node3.x = 100;
node3.y = 250;
var node4 = new DefaultNodeModel("Node 4","rgb(192,255,0)");
var port4 = node4.addPort(new SRD.DefaultPortModel(true,"in-2","IN"));
node4.x = 400;
node4.y = 250;
var link2 = new LinkModel();
link2.setSourcePort(port3);
link2.setTargetPort(port4);
var additionalPoint1 = new PointModel(link2,{x:350,y:225});
link2.addPoint(additionalPoint1);
var additionalPoint2 = new PointModel(link2,{x:200,y:225});
link2.addPoint(additionalPoint2);
model.addNode(node3);
model.addNode(node4);
model.addLink(link2);
engine.setDiagramModel(model);
//!========================================= <<<<<<<