ExtensionIndex

About available Fancytree extensions.

Part of Fancytree's functionality is factored out into separate modules, called 'extensions'.

This page lists available standard and 3rd-party Fancytree extensions.
See also

• Using Fancytree extensions
• Writing your own Fancytree extensions

Standard Fancytree Extensions

1. Childcounter Extension
   Add counter badge to parent nodes.
   Status: beta, Details: n.a., Example: online demo,
   Deployment: jquery.fancytree.childcounter.js and part of jquery.fancytree-all.js
   (This is mainly provided as a demo. see also the annotated source of the 'childcounter' extension for an introduction to writing extension modules.)

2. Clones Extension
   Introduces node.refKey, which may occur multiple times in one tree (as opposed to key, which must be unique). New methods node.isClone(), node.getCloneList() and tree.getNodesByRef().
   Status: production, Details: ExtClones, Status: beta, Example: online demo,
   Deployment: jquery.fancytree.clones.js and part of jquery.fancytree-all.js

3. Column View Extension
   Render tree like a Mac Finder column view.
   Status: experimental, not fit for production, Details: n.a., Example: online demo,
   Deployment: *jquery.fancytree.columnview.js (not part of jquery.fancytree-all.js)

4. Drag'n'Drop Extension
   Add Drag-and-Drop support.
   Status: production, Details: ExtDnd, Example: online demo,
   Deployment: jquery.fancytree.dnd.js and part of jquery.fancytree-all.js

5. Edit Extension
   Inline editing for node titles.
   Status: production, Details: ExtEdit, Example: online demo,
   Deployment: jquery.fancytree.edit.js and part of jquery.fancytree-all.js

6. Filter Extension
   Dimm or hide unmatched nodes or sub-trees.
   Status: production, Details: ExtFilter, Example: online demo,
   Deployment: jquery.fancytree.filter.js and part of jquery.fancytree-all.js

1. Glyph Extension
   Add classes to the node's <span> tags, so scalable vector icons like Bootstrap Glyphicons or Font Awesome can be used.
   Status: beta, Details: n.a., Example: online demo,
   Deployment: jquery.fancytree.glyph.js and part of jquery.fancytree-all.js

2. Gridnav Extension
   Add keyboard navigation to ext-table to support embedded <input> or <select> controls.
   Status: production, Details: ExtTable, Example: online demo,
   Deployment: jquery.fancytree.NAME.js and part of jquery.fancytree-all.js

3. Menu Extension
   Attach context menu to nodes.
   Note: This extension may be removed from the distribution in the future! Consider using a standard menu plugin and bind it to the nodes instead. For example: https://github.com/mar10/jquery-ui-contextmenu
   Status: deprecated, Details: n.a., Example: online demo,
   Deployment: jquery.fancytree.menu.js

4. Persistence Extension
   Store and restore tree status in localStorage or cookies (active node, selection, expansion).
   Status: production, Details: ExtPersist, Example: online demo,
   Deployment: jquery.fancytree.persist.js and part of jquery.fancytree-all.js

5. Table Tree Extension
   Render tree as a table (aka Tree Grid).
   Status: production, Details: ExtTable, Example: online demo,
   Deployment: jquery.fancytree.table.js and part of jquery.fancytree-all.js

6. ThemeRoller Extension
   Allow theming using jQuery UI ThemeRoller
   Status: beta, Details: ExtThemeroller, Example: online demo,
   Deployment: jquery.fancytree.themeroller.js and part of jquery.fancytree-all.js

7. Wide Extension
   Stretch the selection bar to 100% of the container width.
   Status: beta, Details: ExtWide, Example: online demo,
   Deployment: jquery.fancytree.wide.js and part of jquery.fancytree-all.js

3rd-party Fancytree Extensions

Note: these extensions are maintained by the respective authors only.
Please direct feedback to the provided links.

See also the intro on writing your own Fancytree extensions

@contributors: feel free to edit and link to your work!

1. bsbuttons
   Generate bootstrap buttons for nodes.
   Status: ???,
   Author: Louis-Sébastien Gac Artigas,
   Details: https://github.com/LouisGac/fancytree-bootstrap-extensions

2. bspopover
   Generate bootstrap popovers for nodes.
   Status: ???,
   Author: Louis-Sébastien Gac Artigas,
   Details: https://github.com/LouisGac/fancytree-bootstrap-extensions

3. bstooltip
   Generate bootstrap tooltips for nodes.
   Status: ???,
   Author: Louis-Sébastien Gac Artigas,
   Details: https://github.com/LouisGac/fancytree-bootstrap-extensions