Front End

<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Reorder TreePanel</title><link rel="stylesheet" type="text/css" href="/extjs/resources/css/ext-all.css" /><script type="text/javascript" src="/extjs/adapter/ext/ext-base.js"></script><script type="text/javascript" src="/extjs/ext-all.js"></script><script type="text/javascript" src="/extjs/ext-jquery-adapter.js"></script><script type="text/javascript" src="/src/js/jquery.js"></script><script type="text/javascript">Ext.onReady(function(){    // shorthand	var Tree = Ext.tree;	Ext.BLANK_IMAGE_URL = '/extjs/resources/images/default/s.gif';  // 2.0    	var bmWidth=200;	var bmHeight=document.body.clientHeight;		var tdiv = jQuery(document.createElement("div"));	tdiv.attr({"id":"tree-div"});	tdiv.css({		'overflow':'auto',		'height':(bmHeight-2)+'px',		'width':(bmWidth-2)+'px',		'border':'1px solid buttonface',		'float':'left',		'clear':'none'	});	var bmWindow = jQuery(document.createElement("iframe"));	bmWindow.attr({		"id":"bmwindow",		"frameborder":"0",		"scrolling":"auto",		"name":"bmwindow"	});	bmWindow.css({		'width':(document.body.clientWidth-bmWidth)+'px',		'height':(bmHeight-2)+'px',		'float':'right'	});	tdiv.appendTo('body');	bmWindow.appendTo('body');// TREE MANIPULATION 	var tree = new Tree.TreePanel({	el:'tree-div',	autoScroll:true,	animate:true,	enableDD:true,	containerScroll: true, 	loader: new Tree.TreeLoader({		dataUrl:'data.php'	}),	dropConfig:{}	});		// set the root node	var root = new Tree.AsyncTreeNode({		text: 'Bookmarks',		draggable:false,		id:'0',		leaf:false	});	tree.setRootNode(root);		// render the tree	tree.render();	root.expand();});</script></head><body></body></html>