Skip to content
Caner Uguz edited this page Apr 10, 2015 · 8 revisions
Option Explanation
Array A javascript array that includes your data in the format shown below
String The URL or path to an external JSON file

###Array Example:

var files = [
    {id: 1, name: 'My Documents', kind: 'folder',
    children: [
      {id: 2, name: 'mydoc.txt', kind: 'item'},
    ]},
    {id: 3, name: 'Music', kind: 'folder',
    children: [
      {id: 4, name: 'psycho-killer.mp3', kind: 'item'}
    ]}
];

var options ={
    ....
    filesData : files,
    ...
}

###String Example:

var options ={
    ....
    filesData : 'path/to/file',
    ...
}

Notes

  • You can define the path in any way you like, but Treebeard does not validate URLs to allow for flexibility so make sure your URL works.
  • This is one option that you HAVE to define. The default option is for the demo.

Treebeard Logo

<li><a href="https://github.com/caneruguz/treebeard/wiki/Quickstart">Quickstart</a></li>

<li>
    <a href="https://github.com/caneruguz/treebeard/wiki/Options">Options</a>

    <ul>
        <li><a href="https://github.com/caneruguz/treebeard/wiki/divID">divID</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/filesData">filesData</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/rowHeight">rowHeight</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/paginate">paginate</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/paginateToggle">paginateToggle</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/uploads">uploads</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/multiselect">multiselect</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/columnTitles">columnTitles</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/resolveRows">resolveRows</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/hoverClass">hoverClass</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/showFilter">showFilter</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/title">title</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/Drag-and-Drop-options">Drag and Drop</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/sortButtonSelector">sortButtonSelector</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/onfilter">onfilter</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/onload">onload</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/togglecheck">togglecheck</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/onfilterreset">onfilterreset</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/createcheck">createcheck</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/oncreate">oncreate</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/deletecheck">deletecheck</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/ondelete">ondelete</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/addcheck">addcheck</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/onadd">onadd</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/onselectrow">onselectrow</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/onmouseoverrow">onmouseoverrow</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/ontogglefolder">ontogglefolder</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/resolveIcon">resolveIcon</a></li>

    </ul>
</li>

<li><a href="https://github.com/caneruguz/treebeard/wiki/Item-API">Item API</a></li>

<li><a href="https://github.com/caneruguz/treebeard/wiki/Treebeard-API">Treebeard API</a></li>

<li><a href="https://github.com/caneruguz/treebeard/wiki/Modal">Modal</a></li>

<li><a href="https://github.com/caneruguz/treebeard/wiki/Notify">Notify</a></li>

<li><a href="https://github.com/caneruguz/treebeard/wiki/using-dropzone">Using Dropzone</a></li>
    <ul>
        <li><a href="https://github.com/caneruguz/treebeard/wiki/resolveUploadUrl">resolveUploadUrl</a></li>

        <li><a href="https://github.com/caneruguz/treebeard/wiki/resolveLazyloadUrl">resolveLazyloadUrl</a></li>
    </ul>
<li><a href="https://github.com/caneruguz/treebeard/wiki/Styling-the-Grid">Styling the Grid</a></li>

<li><a href="https://github.com/caneruguz/treebeard/wiki/FAQs">FAQs</a></li>

Clone this wiki locally