ATree
Simple async tree structure viewer with additional search component
Use
Example:
https://github.com/bbones/atree-demo
<SearchBar :searcher="searcher" @select="onSelect"></SearchBar>
<ATree
:loader="loader"
:path="[]"
:highlight="highlight"
@nodeClicked="onNodeClicked">
</ATree>
SearchBar
Props
- searcher - function with api call for incremental search. Returns array of nodes
- prompt - string parameter for prompt default "Search: "
Events
- select event in search results list
Atree
Props
- loader(parent_id) - function api call loading nodes by given parent_id. Returns array
- highlight - array of node ids from root to particular node that will be expanded and shown
Events
- nodeClicked occurs when user clicks a node text
- nodeContextMenu occurs when user clicks right mouse or hold tap a node text
Node states
- isLoaded - false before emit
- isVisible - show
Project setup
npm install
Compiles example and hot-reloads for development
npm run serve
Lints and fixes files
npm run lint