Skip to content
JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading
Branch: master
Clone or download
Latest commit 2561d22 Apr 22, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Update to recent jQuery patches and remove tests for jQuery Ui 1.9 May 12, 2018
.vscode Remove deprecated positional selectors for jQuery 3.4 Apr 11, 2019
3rd-party/extensions
bin/jsdoc3-moogle Merge branch 'master' of https://github.com/mar10/fancytree Sep 5, 2017
demo Add dnd debugging Apr 22, 2019
dist Update docs Apr 19, 2019
doc Unify HP links to https://wwWendt.de Feb 9, 2019
lib Viewport support (#936) Apr 16, 2019
src Add beforeUpdateViewport event Apr 22, 2019
test ext-grid: cancel edit mode and cell mode on updateViewport Apr 21, 2019
.editorconfig
.eslintignore Replace jscs+jshint with eslint Jan 19, 2019
.eslintrc.yaml
.gitignore Use .pyftpsync.yaml Apr 19, 2019
.prettierrc Prettier (#893) Oct 4, 2018
.project Add eclipse .project Feb 1, 2014
.pyftpsync.yaml Implement mergeStatusColumns for ext-grid Apr 19, 2019
.travis.yml Test on node.js 10 and allow_failures Apr 7, 2019
CHANGELOG.md Update CHANGELOG.md Apr 16, 2019
Gruntfile.coffee Viewport support (#936) Apr 16, 2019
LICENSE.txt Unify HP links to https://wwWendt.de Feb 9, 2019
README.md Unify HP links to https://wwWendt.de Feb 9, 2019
bower.json Unify HP links to https://wwWendt.de Feb 9, 2019
favicon.ico Add favicon Apr 12, 2019
index.html Build with new dist/modules/ folder Oct 29, 2017
package-lock.json grunt dev-update Mar 3, 2019
package.json grunt dev-update Mar 3, 2019

README.md

logo Fancytree

GitHub version Build Status Selenium Test Status npm jsDelivr code style: prettier

Fancytree (sequel of DynaTree 1.x) is a JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading.

sample

Status

GitHub version See the change log for details.

Get Started

ES6 Quickstart

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 and API docs.

Credits

Thanks to all contributors.

Browser Status Matrix

Selenium Test Status

You can’t perform that action at this time.