tree panel ajax

sicosis1 · #1 (**permalink**) 10/02/2012, 15:30

Estimados
tengo la dificil tarea de realizar un tree panel con ajax

encontre un documento que es preciso a lo que tengo que hacer
pero sinceramente , caido en ser novato en el ambiente
pero no lo entiendo...
leo lo que escriben , lo entiendo pero no se como ejecutarlo.

se descargan unos archivos ... yo trabajo con appserv. los guardo en una carpeta dentro de la carpeta www , pero como lo ejecuto... que me falta....
donde va el html... como llamo al .js.... no entiendo
quizas son estupideces las que pregunto , pero si alguien logra mostrar el arbol de forma local porfavor, decirme que se necesito para lograrlo...(paso a paso)
dejo la pagina para que le hechen un vistazo,

de antemano muchas gracias

saludos

Franco

sitio web, tree panel con ajax

http://www.quizzpot.com/2009/10/arboles-generados-con-ajax/

pd: este otro sitio es sin ajax, tambien me interesa hacerlo funcionar localmente
si alguien lo logra ... me dice que hacer porfavor!!!

http://www.quizzpot.com/2009/10/el-tree-panel/

de antemano muchas gracias

anarkes · #2 (**permalink**) 10/02/2012, 21:27

Bueno, no entiendo tu problema

Para hacer funcionar el primer ejemplo http://www.quizzpot.com/2009/10/arbo...ados-con-ajax/ es necesario que cambies el codigo fuente de tree-ajax.html por

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Tree panel - Quizzpot</title>
<!-- http://extjs.cachefly.net -->
    <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.0.0/resources/css/ext-all.css" />
    <link rel="stylesheet" type="text/css" href="http://www.quizzpot.com/demos/extjs/resources/style.css" />
 
    <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.0.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.0.0/ext-all.js"></script>
    
    <script type="text/javascript" src="tree-ajax.js"></script>
</head>
 
<body>
 
</body>
</html>

sicosis1 · #3 (**permalink**) 13/02/2012, 06:28

te funciono a ti????
a mi aun no me funciona... copie el codigo html que pusiste.... y hago la llamada al sitio html.....
pero....
no muestra nada....
sale en blanco

saludos

ayudaaaaa

sicosis1 · #4 (**permalink**) 13/02/2012, 06:40

no entiendo.... faltan los echo o algo asi que muestre el tema.... por eso nisiquiera se cual debo llamar para q se muestre... alguien ayuda ? <.<

Perr0 · #5 (**permalink**) 13/02/2012, 06:44

le di una simple mirada pero tienen que ver con PHP esto??

salu2

sicosis1 · #6 (**permalink**) 13/02/2012, 07:07

ahora si lo pude leer... tuve que descargar los archivos de nuevo.... cambie el codigo html que tenia por el que recupero del ver codigo fuente cuando abres el ejemplo... y me funciono de forma local... ahora estoy intentando manipularlo.... , si alguien sabe como puedo manipularlo me ayudaria mucho....
necesito agregarle atributos a los nodos del arbol... por ejemplo fecha de inicio , fecha de fin.... lo tengo que hacer por que.... estoy pensando esto como una carta gantt..... que se vaya abriendo en forma de arbol, con sus tareas y sub tareas.... necesito las fechas.... jejeje
gracias , yo seguire trabajando al respecto ...

sicosis1 · #7 (**permalink**) 13/02/2012, 07:40

Cita:

Iniciado por Perr0

le di una simple mirada pero tienen que ver con PHP esto??

salu2

tiene que ver con php... con javascript y ajax....

lo deberia quizas poner en los 3 foros'???
lo puse en php.... xq aca es donde mas rapido me han respondido.

ahora estoy tratando de bajar los archivos los cuales llamada a traves de http,
para mantenerlos de forma local, y al bajarlos, ponerlos en carpeta y modificar el html para las llamadas pero otra ves no me funciona... me muestra solo los titulos

sicosis1 · #8 (**permalink**) 13/02/2012, 07:45

ahora tengo problema con los dibujos D:

no me muestra las carpetas si los signos mas y menos jaja.... seguramente esta en los css...
no entiendo q coño D: como descargarlos para modificarlos:P

sicosis1 · #9 (**permalink**) 13/02/2012, 14:53

ya....
amigos cada ves que avanzo logro un par de cosas mas...

ahora estoy intentando insertarle mas niveles al arbol....
a alguien se le ocurre como hacerlo??

muchas gracias

sicosis1 · #10 (**permalink**) 14/02/2012, 07:04

que significa esto???
if(is_numeric($id)){
$nodes = isset($nodes[$id-1]['files'])?$nodes[$id-1]['files']:array();
}

alguien sabe?

sicosis1 · #11 (**permalink**) 15/02/2012, 06:14

que significa esto??

o que hace aca???

Código:

$id = $_POST['node'];
	
	$nodes = array(
		array(
			'id'=>1,
			'text'=>'Program Files',
			'files'=>array(
				array(
                                        'id'=>5,
					'text'=>'File'
					
				),
				array(
					'text'=>'Config',
					'leaf'=>true
				),
				array(
					'text'=>'etc',
					'leaf'=>true
				)
			)
		),
		array(
			'id'=>2,
			'text'=>'Users',
			'leaf'=>true
		),
		array(
			'id'=>3,
			'text'=>'workspace',
			'files'=>array(
				array(
					'text'=>'Customers',
					'leaf'=>true
				),
				array(
					'text'=>'Project',
					'leaf'=>true
				)
			)
		),
		array(
			'id'=>4,
			'text'=>'System',
			'leaf'=>true
		)
	);
	
	if(is_numeric($id)){
		$nodes = isset($nodes[$id-1]['files'])?$nodes[$id-1]['files']:array();
	}
	
	echo json_encode($nodes);

GatorV · #12 (**permalink**) 15/02/2012, 09:57

Lee lo que hace json_encode, convierte un array o un objeto en una cadena JSON, eso es lo que esta haciendo ese código.

sicosis1 · #13 (**permalink**) 15/02/2012, 12:27

si me ayudas a descrifrar que hace el if.... bacan xd

jaja

lo q pasa es que ese array.... es mi tree panel.... necesito saber como mierda busca los nodos del array....

de hecho la mejor ayuda que me podrian hacer ... es que ese codigo dentro del if fuera para buscar por id.... o algo asi.... necesito poder incrementar el nivel del array para el tree panel... saludos