Skip to content
caneruguz edited this page Nov 14, 2014 · 3 revisions

Item API

Treebeard is designed to work with hierarchical data similar to a file structure. In this data type each item (whether a folder or item) is an instance of the Item class in treebeard. In many of the hooks you will be given item as an argument. For instance you have the option to run movecheck before moves.

    movecheck(to,from){
        if(to.data.receive){
            return true;
        } else {
            return false;
        }
   }

In this case both to and from are instances of the Item class.

Structure of the Item

        {
            children: []  // an array of Item objects
            data: {}     // Your data
            depth: 1
            id: 1
            kind: "folder"
            open: true
            parentID: 0
        }

Finding Related Items

Treebeard provides methods to find related Items from the item you are given.

Next sibling

    var next = item.next(); 

Previous Sibling

    var previous = item.prev();

Immediate Child by ID

    var child = item.child(42);

Parent

    var parent = item.parent(); 

Item Operations

Add item

    var myItem = new Item(myData);
    item.add(myItem)

Delete Item

    item.remove_self();

Delete Child By ID

    item.remove_child(42);

Move item underneath another item

    // called form the item to be moved
    // moves the item to underneath item id 42
    item.move(42)

Check if item is ancestor

    if(item.isAncestor(anotherItem)){
    // ...
    }

Check if item is descendant

    if(item.isDescendant(anotherItem)){
    // ...
    }

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