-
Notifications
You must be signed in to change notification settings - Fork 21
Item API
caneruguz edited this page Nov 14, 2014
·
3 revisions
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.
{
children: [] // an array of Item objects
data: {} // Your data
depth: 1
id: 1
kind: "folder"
open: true
parentID: 0
}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(); 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)){
// ...
}
<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>