Demo

​http://vm7.target.rug.nl/catalogue/molgenis.do?__target=main&select=LLcatalogueTreePlugin (test/test)

Location

/molgenis/src/org/molgenis/framework/ui/html/JQueryTreeView.java 

and /molgenis/src/org/molgenis/framework/ui/html/JQueryTreeViewElement.java

• JQueryTreeView.java contains the constructor , renderTree() and toHtml().
• The function renderTree() is used by toHtml() is order to print each specific node to html <li>.The function toHtml() is actually serving the whole tree if called .
• Contains the css and js references as well as the jquery functionality.

About the tree: No Nodes collapsed explicitly. Node is manually closed then by giving its LI element a "closed"(/opened) CSS class. The animation is enabled, and the speed is "normal" (this can be modified). "Cookie" persistence enabled, causing the current tree state to be persisted. Dynamically adding a sub tree to the existing tree demonstrated.

How to instantiate and use it

• Inside your plugin instantiate a tree object by calling

JQueryTreeView<JQueryTreeViewElement> treeView 

• You will probably need a function like addingObjectsToTree which will actually create the JQueryTreeViewElemen and fill the JQueryTreeView.
• For the purposes of the measurements tree in LLcatalogueTree plugin(/molgenis_apps/apps/lifelines/plugins/LLcatalogueTree) we have instantiated the JQuery tree in public class JQueryTreeViewElementMeasurement extends JQueryTreeViewElement{ where the elements of the tree are measurements.
• There is an example in LLcatalogueTree

public void addingMeasurementTotree(List<String> c

• Also public String getTreeView() { return treeView.toHtml(); } will call render the tree in your ftl.