ecomp-portal-FE/client/bower_components/jqTree/README.md

   1 [![Travis Status](https://api.travis-ci.org/mbraak/jqTree.svg)](http://travis-ci.org/mbraak/jqTree) [![Coverage Status](https://img.shields.io/coveralls/mbraak/jqTree.svg)](https://coveralls.io/r/mbraak/jqTree)
   2
   3 [![Bower version](https://img.shields.io/bower/v/jqtree.svg)](https://mbraak.github.io/jqTree/) [![NPM version](https://img.shields.io/npm/v/jqtree.svg)](https://www.npmjs.com/package/jqtree)
   4
   5 # jqTree
   6
   7 JqTree is a tree widget. Read more in the [documentation](https://mbraak.github.io/jqTree/).
   8
   9 ![screenshot](https://raw.github.com/mbraak/jqTree/master/screenshot.png)
  10
  11 ## Features
  12
  13 * Create a tree from JSON data
  14 * Drag and drop
  15 * Works on ie8+, firefox, chrome and safari
  16 * Written in Coffeescript
  17
  18 The project is hosted on [github](https://github.com/mbraak/jqTree), has a [test suite](http://mbraak.github.io/jqTree/test/test.html).
  19
  20 ## Examples
  21
  22 Example with ajax data:
  23
  24 ```html
  25 <div id="tree1" data-url="/example_data/"></div>
  26 ```
  27
  28 ```js
  29 $('#tree1').tree();
  30 ```
  31
  32 Example with static data:
  33
  34 ```js
  35 var data = [
  36     {
  37         label: 'node1', id: 1,
  38         children: [
  39             { label: 'child1', id: 2 },
  40             { label: 'child2', id: 3 }
  41         ]
  42     },
  43     {
  44         label: 'node2', id: 4,
  45         children: [
  46             { label: 'child3', id: 5 }
  47         ]
  48     }
  49 ];
  50 $('#tree1').tree({
  51     data: data,
  52     autoOpen: true,
  53     dragAndDrop: true
  54 });
  55 ```
  56
  57 ## Documentation
  58
  59 The documentation is on http://mbraak.github.io/jqTree/.
  60
  61 ## Thanks
  62
  63 The code for the mouse widget is heavily inspired by the mouse widget from jquery ui.