Tree
TOAST UI Component: Tree
Feature
- Default
- Display hierarchical data by tree UI
- Fold sub tree
- Custom events
- Optional feature
- Ajax: server communication
- Checkbox: tri-state checkbox
- ContextMenu: create context menu on node
- Draggable: drag and drop using 2 ways
- Editable: create and edit node
- Selectable: select and deselect node
Documentation
- API : https://nhnent.github.io/tui.tree/latest
- Tutorial : https://github.com/nhnent/tui.tree/wiki
- Example : https://nhnent.github.io/tui.tree/latest/tutorial-example01-basic.html
Dependency
- tui-code-snippet >=1.2.5
- tui-context-menu >=2.0.0 (Optional, needed for using
ContextMenufeature) - jQuery >=1.11.0 (Optional, needed for using
Ajaxfeature)
Test Environment
PC
- IE8~11
- Edge
- Chrome
- Firefox
- Safari
Usage
Use npm
Install the latest version using npm command:
$ npm install tui-tree --save
or want to install the each version:
$ npm install tui-tree@<version> --save
To access as module format in your code:
var Tree = require('tui-tree');
var instance = new Tree(...);Use bower
Install the latest version using bower command:
$ bower install tui-tree
or want to install the each version:
$ bower install tui-tree#<tag>
To access as namespace format in your code:
var instance = new tui.Tree(...);