deni-react-treeview

A modern, themable and configurable treeview for React


site, examples


!alt text


TODO: In the future I will implement the tests, Cloud CI.

Installing with NPM

``
npm install deni-react-treeview --save (React 16)

or

npm install deni-react-treeview@0.1.13 --save (React 15)
`

Usage

Added to your react component
`html

`
For more details: examples

API

documentation

Features

* Cross-Browser.
* Binding to a JSON (locally, remotely and lazy-load)
* Predefined Themes
* Theme Customization
* Events
* Checkboxes
* And so on...

Properties

* autoLoad `(boolean)`
* lazyLoad `(boolean)`
* marginItems `(integer)`
* selectRow `(boolean)`
* showCheckbox `(boolean)`
* showIcon `(boolean)`
* showRoot `(boolean)`
* theme `(string)`

Events

* OnRenderItem
* onBeforeLoad
* onAfterLoad
* onSelectItem
* onExpanded
* onColapsed
* onLazyLoad
* onCheckItem

#### json example

`javascript
[
{
id: 100,
text: 'Fruits',
children: [
{
id: 101,
text: 'Orange',
isLeaf: true
},
{
id: 102,
text: 'Banana',
isLeaf: true
}
]
},
{
id: 200,
text: 'Vegetables',
children: [
{
id: 201,
text: 'Carrot',
isLeaf: true
},
{
id: 202,
text: 'Tomato',
isLeaf: true
}
]
}
]
``

License

MIT.

Author

Denimar de Moraes (denimar@gmail.com) is a full-stack developper at the HBSis IT Solutions, Blumenau, Santa Catarina, Brazil.