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. ARIA tree grid Extension
   Add ARIA compatible keyboard navigation to ext-table to support embedded <input> or <select> controls.
   Status: beta, Details: ExtTable, Example: online demo,
   Deployment: jquery.fancytree.ariagrid.js and part of jquery.fancytree-all.js

2. 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.)

3. 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, Example: online demo,
   Deployment: jquery.fancytree.clones.js and part of jquery.fancytree-all.js

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

5. Drag'n'Drop Extension, (jQuery UI based)
   Add Drag-and-Drop support.
   Status: production, deprecated! Details: ExtDnd, Example: online demo,
   Deployment: jquery.fancytree.dnd.js and part of jquery.fancytree-all.js

6. Drag'n'Drop Extension (html5), (native HTML5 based)
   Add Drag-and-Drop support.
   Status: production, Details: ExtDnd5, Example: online demo,
   Deployment: jquery.fancytree.dnd5.js and part of jquery.fancytree-all.js

7. 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

8. 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

9. Fixed Extension
   Add fixed header rows and columns to ext-table.
   Status: experimental, Details: ExtFixed, Example: online demo,
   Deployment: jquery.fancytree.fixed.js (not part of jquery.fancytree-all.js)

10. Glyph Extension
    Use glyph-fonts, ligature-fonts, or SVG icons instead of icon sprites, so scalable vector icons like Bootstrap Glyphicons or Font Awesome can be used.
    Status: beta, Details: ExtGlyph, Example: online demo,
    Deployment: jquery.fancytree.glyph.js and part of jquery.fancytree-all.js

11. Grid Extension
    *Simila to ext-table, but adds support for viewports and huge data models.
    Status: experimental, Details: ExtTable, Example: online demo,
    Deployment: *jquery.fancytree.grid.js (not part of jquery.fancytree-all.js)

12. Gridnav Extension
    Add keyboard navigation to ext-table to support embedded <input> or <select> controls.
    Status: production (may be replaced by ARIA tree grid extension), Details: ExtTable, Example: online demo,
    Deployment: jquery.fancytree.gridnav.js and part of jquery.fancytree-all.js

13. 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

14. Multi Extension
    Allow selection of multiple nodes using keyboard/mouse and shift/control modifiers.
    Status: experimental, Details: ExtMulti, Example: online demo,
    Deployment: jquery.fancytree.multi.js and part of jquery.fancytree-all.js

15. 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

16. 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

17. 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

18. 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