Something

basically, onClick should pull mootable.php which it does just fine, but the scripts do not seem to work that are loaded on that page. 

<script type="text/javascript">

var tree;

window.addEvent('domready',function(){
 var stamp=Math.floor(Math.random()*100000)

	tree = new MooTreeControl({
		div: 'mytree',
		mode: 'folders',
		grid: true,
		onClick: function(node) {
			var urlProducts = 'mootable.php?cPath=' + (node.id);
					debug.log( 'Selected Action =  Expanding:' + urlProducts);
					new Ajax(urlProducts, {
						method: 'get',
						update: $('loadProducts')
					}).request();
		}
	},{
		text: 'Categories',
		open: false
	});
	var url = 'cat-xml.php?cPath=null';
					new Ajax(url, {
						method: 'get',
						evalScripts: true,
						update: $('loadXML')
					}).request();
(tree.selected||tree.root).load('cache/null.xml?' + stamp )
});

</script>


heres mootable

<script type='text/javascript'>
var headers = [{"text":"ID","key":"ID","sortable":false,"fixedWidth":true,"defaultWidth":"30px"},{"text":"Model","key":"Model"},{"text":"Title","key":"Title"},{"text":"Status","key":"Status"},{"text":"Status","key":"Status"}];


	
var data = [	<?php 
	$i = 0; foreach ($records as $id=>$row) { $i++;
	//echo '{"id":0,"ID":129,"Price":"$12.01","Title":"James and the Giant Peach","Author":"Nietzsche"}<br />';
	$data = '{"id":"' . $i . '","ID":"' . $$i . '","Model":"' . $row['products_model'] . '","Title":"' .  htmlspecialchars($row['products_name'], ENT_QUOTES) . '","Status":"' . $row['products_status'] . '"},';
	echo $data;

 } 	//	exit();
	?>];
	
		window.addEvent('domready',function(){
						//mootable = new MooTable( $('test'), {debug: true, height: '200px', headers: headers, data: data, sortable: true, useloading: false, resizable: true } );
				function editClick(ev){
					debug.log( 'You picked row ' + (this.data.id+1) );
					var url = "<?php echo 'joeUpload.php'; ?>";
						new Ajax(url, {
						method: 'get',
						evalScripts: true,
						eval
						update: $('edit')
					}).request();
				}
				mootable = new MooTable( 'products', {debug: true, height: '400px', headers: headers, sortable: true, useloading: true, resizable: true});
				mootable.addEvent( 'afterRow', function(data, row){
					//debug.log( row );
					row.cols[0].element.innerHTML = ( data.id + 1);
					row.cols[2].element.setStyle('cursor', 'pointer');
					row.cols[2].element.addEvent( 'click', editClick.bind(row));
				});
				mootable.loadData( data );
				});
		</script>