webgme
Version:
Web-based Generic Modeling Environment
67 lines (44 loc) • 2.83 kB
Markdown
#  Fancytree
[](https://github.com/mar10/fancytree/releases/latest)
[](https://travis-ci.org/mar10/fancytree)
[](https://saucelabs.com/u/sauce-fancytree)
[](https://www.npmjs.com/package/jquery.fancytree)
[](https://www.jsdelivr.com/package/npm/jquery.fancytree)
[](https://github.com/prettier/prettier)
Fancytree (sequel of [DynaTree 1.x](https://code.google.com/p/dynatree/)) is a
JavaScript tree view / tree grid plugin with support for keyboard, inline editing,
filtering, checkboxes, drag'n'drop, and lazy loading.
[  ](http://wwwendt.de/tech/fancytree/demo "Live demo")
### Status
[](https://github.com/mar10/fancytree/releases/latest)
See the [change log](https://github.com/mar10/fancytree/blob/master/CHANGELOG.md)
for details.
### Get Started
* [Try the live demo](http://wwwendt.de/tech/fancytree/demo).
* [Read the documentation](https://github.com/mar10/fancytree/wiki).
* [Check the Q&A forum](https://groups.google.com/forum/#!forum/fancytree) or
[Stackoverflow](http://stackoverflow.com/questions/tagged/fancytree) if you have questions.
* Play with [jsFiddle](http://jsfiddle.net/mar10/KcxRd/),
[CodePen](https://codepen.io/mar10/pen/WMWrbq),
or [Plunker](http://plnkr.co/edit/8sdy3r?p=preview).
* [Contribute](https://github.com/mar10/fancytree/wiki/HowtoContribute)
### ES6 Quickstart
```js
import $ from "jquery";
import 'jquery.fancytree/dist/skin-lion/ui.fancytree.less'; // CSS or LESS
import {createTree} from 'jquery.fancytree';
import 'jquery.fancytree/dist/modules/jquery.fancytree.edit';
import 'jquery.fancytree/dist/modules/jquery.fancytree.filter';
const tree = createTree('#tree', {
extensions: ['edit', 'filter'],
source: {...},
...
});
// Note: Loading and initialization may be asynchronous, so the nodes may not be accessible yet.
```
See [module loader support](https://github.com/mar10/fancytree/wiki#use-a-module-loader) and
[API docs](http://www.wwwendt.de/tech/fancytree/doc/jsdoc/Fancytree_Static.html#createTree).
### Credits
Thanks to all [contributors](https://github.com/mar10/fancytree/contributors).
### Browser Status Matrix
[](https://saucelabs.com/u/sauce-fancytree)