Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
component.css
component.js
component.json
dependencies.html
example.html
picture.jpg
readme.md

readme.md

j-TreeView (BETA)

This component is only beta preview. It's still under construction.

Configuration:

  • parent {String} a container with fixed height, can be window. Default value: parent element.
  • visibleY {Boolean} still shows Y scrollbar (default: true)
  • movable {Boolean} enables moving of nodes (default: true)
  • cachexpand {Boolean} remembers previous state (default: true)
  • arrows {Boolean} enables arrows for folders (default: true)
  • expanded {Boolean} expands all nodes (default: false)
  • autosort {Boolean} sorts nodes according to item.sort (if exists) or item.name (if exists), default: true
  • margin {Number} top/bottom margin together (default: 0)
  • marginxs {Number} top/bottom margin together for xs screen width
  • marginsm top/bottom margin together for sm screen width
  • marginmd top/bottom margin together for md screen width
  • marginlg top/bottom margin together for lg screen width
  • disabled {Boolean} disables the entire component

Data structure:

  • Object Array
  • Object has to contain id:String which is main ID of each item
  • Object has to contain name:String and children:[another similar object] or children:null (with no children)
  • Object has to contain html:String is rendered as a content (if it doesn't exist then name is rendered)
  • Object item can contain ..., classname: 'css_custom_class' }, it adds a CSS class onto "label" element
  • Object item supports property actions: { expand: true, drop: true, move: true }

Author

You can’t perform that action at this time.