NestedTree - globules-io/OGX.JS GitHub Wiki

OGX.NestedTree is a component to display a tree of information with multi sublevels with collapsible and manipulable nodes.

Instantiate

 let config = {
      container:_SELECTOR_,       
      scopes:_ARRAY_, //Defaults to ['public']
      openOnDrag:true|false, //Defaults to true - opens the node if it is dragged
      data:_OBJECT_
 }; 
 let tree = new OGX.NestredTree(config);

Get/Set

 tree.setData(_OBJECT_);
 tree.getData();

Listen

 tree.el.on(
      OGX.NestedTree.SELECT |
      OGX.NestedTree.OPEN |
      OGX.NestedTree.CLOSE |
      OGX.NestedTree.DRAG_START |
      OGX.NestedTree.DRAG_END, function(__event, __data){
 });

 tree.el.off(
      OGX.NestedTree.SELECT |
      OGX.NestedTree.OPEN |
      OGX.NestedTree.CLOSE |
      OGX.NestedTree.DRAG_START |
      OGX.NestedTree.DRAG_END
 );

Destroy

 tree.destroy();