1

With other engineer, we create a software (www.openmole.org) to create and run complex workflow on a computer grid. With the gui, you can create and modify some complex drag and drop workflow like this :

enter image description here

You can also see a video here : http://www.openmole.org/files/crazyCoconut.webm

As you can see, it's possible to drag and drop and connect each task with each other to make a complex workflow. When task move, arrow move to follow the mouse movement. When you click on a task, a new panel open, so you can choose some option to configure each task.

Actually we use a Netbean library to draw all of this on a unique scene, but in the future we want to make the same thing using javafx api/object.

So, do you think is it possible to open new Javafx Nodes sub windows with Canvas scene and api, like in this simple use case, representative of our use case ?

If not, do you know some other libraries to make this possible ?

enter image description here

Jarrod
  • 9,349
  • 5
  • 58
  • 73
reyman64
  • 523
  • 4
  • 34
  • 73

1 Answers1

2

You can't place nodes in a Canvas as it is not Parent, therefore it is a leaf Node and can have no children.

You could place the Canvas in a Group then add other Nodes to the group to overlay the Canvas. Or you could take snapshot images of nodes and place the snapshots in the canvas. Though you may be better off rendering your UI in a standard scene graph rather than a canvas.

Here are some simple samples of similar, though different, UIs constructed using a standard scene graph: Drag and drop connected nodes and Dynamically add draggable and resizable children.

yWorks created a JavaFX prototype of their excellent diagramming tool, so consider contacting them and licensing that rather than building your own.

See also the Dex JavaFX Visualization Framework which aids in data visualization UI construction.

jewelsea
  • 150,031
  • 14
  • 366
  • 406
  • I think the best approach here would be a Group for the task nodes placed above the canvas (drawing the connections) in a StackPane. The Snapshot idea would work too, of course, but rather limit the user interaction. – sarcan Dec 11 '12 at 22:25
  • @jewelsea Do you have some example of library /function which help me to design this form of UI in a standard scene graph ? – reyman64 Dec 19 '12 at 15:06
  • Added sample links to answer – jewelsea Dec 19 '12 at 15:26