JViews Demo: Ajax Diagram Editing
The following is an interactive, web based Ajax Diagram Editing demo built with Rogue Wave JViews Enterprise. You can try it yourself by downloading an evaluation or to receive an online demonstration and have a product expert answer any questions you may have, click here.
How to use this demo
This sample allows you to select, move, add, remove, and edit the properties of one or several nodes of a diagram. As the model is stored in the session, these changes will be valid throughout the user session.
How to Use the Sample
Select and move a node
To select a node, choose the select interactor ( in the toolbar) and click the desired node.
To select several nodes, press the Ctrl key while clicking a node to add it to the current selection.
To move nodes, select them, then drag the selection to the desired location.
If only one node is selected, its properties are displayed.
Create a node or a link
To create a new node, select the desired type of node in the toolbar and click the desired position on the view.
To create a new link, select the link in the toolbar and click the desired node on the view. Without releasing the mouse button, drag the pointer to the second node to be linked, then release the mouse button.
To layout the diagram, click the or button in the toolbar to, respectively, layout all the nodes or only the selected ones.
To delete one or several nodes or links, select them, then click the button in the toolbar.
To move a selection link from one node to another node, select one link, then move the mouse over start handle or end handle of the selection link, then drag the handle to another node.
To reshape the selection link, select one link, then move the mouse over one middle handle, drag the handle can reshape the link.
To add or remove a handle for the selection link, press alt key while move the mouse over one handle or over the selection link, then drag the mouse, then it can remove or add one handle for the link.