deni-react-treeview

A modern, themable and configurable treeview for React.

View demo Download Source

deni-react-treeview

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 [email protected] --save (React 15)

Usage

Added to your react component

    <TreeView url="https://denifakedata.herokuapp.com/tree/countries" />

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

json example

[
  {
    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
      }
    ]
  }
]

GitHub