KoolTreeView - Great PHP TreeViewTrialVersion 2.0.7.2 released on 12/17/2009

The example show how you can save KoolTreeView's state to database. In this example, you can:

• - Create new file node under folder node.
• - Delete any file node.
• - Move the file node to another folder node.
• - Change order among file nodes with drag and drop.
• - Rename file node or folder node by double click.
• - Expand/Collapse folder node

*Note: All changes will be saved to database. State of TreeView will be persistent on the next visit.

Below is example's sample data:

-------------------------------------------------------------------------------------------------------------------------------
|         ID         |      ParentID      |        Text        |       Image        |       Expand       |        Rank        |
-------------------------------------------------------------------------------------------------------------------------------
| amd                | software           | AMD.doc            | doc.gif            |                  0 |                  2 |
-------------------------------------------------------------------------------------------------------------------------------
| asus               | hardware           | Asus.doc           | doc.gif            |                  0 |                  1 |
-------------------------------------------------------------------------------------------------------------------------------
| ebook              | root               | E-books            | Folder.gif         |                  1 |                  4 |
-------------------------------------------------------------------------------------------------------------------------------
| hardware           | root               | Hardware           | Folder.gif         |                  1 |                  1 |
-------------------------------------------------------------------------------------------------------------------------------
| intel              | hardware           | Intel.doc          | doc.gif            |                  0 |                  2 |
-------------------------------------------------------------------------------------------------------------------------------
| linux              | software           | Linux.doc          | doc.gif            |                  0 |                  1 |
-------------------------------------------------------------------------------------------------------------------------------
| macos              |                    | MacOs.doc          | doc.gif            |                  0 |                  1 |
-------------------------------------------------------------------------------------------------------------------------------
| recycle            | root               | Recycle            | xpRecycle.gif      |                  1 |                  5 |
-------------------------------------------------------------------------------------------------------------------------------
| software           | root               | Software           | Folder.gif         |                  1 |                  2 |
-------------------------------------------------------------------------------------------------------------------------------
| windowxp           | hardware           | WindowXP.doc       | doc.gif            |                  0 |                  3 |
-------------------------------------------------------------------------------------------------------------------------------

span style="color: #ff0000;">"/KoolAjax/koolajax.php""/KoolTreeView/kooltreeview.php"//If it is not the callback, get tree data from database and render
"SELECT * FROM tbtreeviewdata order by rank asc""root",$arrtree);
		
		//Init treeview
"treeview");
		$treeview->imageFolder=$KoolControlsFolder."/KoolTreeView/icons";
		$treeview->styleFolder="default"//Root
		$root = $treeview->getRootNode();
		$root->text = "Local Disk(C:)""xpDriveA.gif";
 
 
		//Add item from database
"parentid"],$node["id"],$node["text"],$node["expand"],$node["image""parentid""id""treeview.root") $parentid="root""INSERT INTO tbKoolTreeView VALUES ('$id','$parentid','$text','$image',false,$rank)""DELETE FROM tbTreeViewData WHERE id='$id'""|""UPDATE tbTreeViewData SET rank=$rank WHERE id='$list[$i]'""treeview.root""root""UPDATE tbTreeViewData SET parentid='$_parentid' WHERE id='$id'""parentid"=>$parentid,"oldparentid""UPDATE tbTreeViewData SET text='$text',expand=$expand WHERE id='$id'"//Enable ajax function to be called at client-side
"doCreateNode""doDeleteNode""doSort""doMove""doUpdate""form1" method="post""padding:10px;""button" id="btnAdd" value="Create File" onclick="addTreeNode()"/>
	<input type="button" id="btnRemove" value="Delete File" onclick="deleteTreeNode()"/>
	
	<div id="status" style="position:absolute;right:5px;top:5px;background-color:#FFFFA0;color:black;font-weight:bold;padding-left:5px;padding-right:5px;display:none;">Updating...</div>
	
	<script type="text/javascript""|""|"//OnBeforeDrop to handle node order
		treeview.registerEvent("OnBeforeDrop"//Drag from above node to below node
//Drag from below node to node above
"|""Updating ...""doc.gif""doc.gif")>-1)
				{
					//Do move
"Updating ...""Not allowed"//OnSelect
		treeview.registerEvent("OnSelect"//OnExpand
		treeview.registerEvent("OnExpand""Updating ...");
		});
		//OnCollapse
		treeview.registerEvent("OnCollapse""Updating ...");
		});
		//OnEndEdit
		treeview.registerEvent("OnEndEdit""Updating ...");
		});
		
		//Add new treenode
"doc.gif""Enter filename:","""""<?php echo $KoolControlsFolder;?>/KoolTreeView/icons/doc.gif""doc.gif""Creating file ...""Please select a folder""Please select a folder");
			}
		}
		
		//Delete a node
"doc.gif""Are you sure to delete this file?""Deleting node ...""Please select a file.")
				}
				
			}
		}
		
		
		//Status
"status""status").style.display="block""status").style.display="none"

• • PHP :: KoolTreeView :: Add()
• • Javascript :: KoolTreeView :: getNode()
• • Javascript :: KoolTreeView :: registerEvent()
• • Javascript :: TreeNode :: moveToAbove()
• • Javascript :: TreeNode :: moveToBelow()