viernes, 5 de marzo de 2010

jsTree - Un plugin para jQuery para crear árboles de datos

jsTree es un componente basado en javascript, multi-browser.

Utiliza jQuery y Sarissa (opcional) para generar árboles al estilo de los árboles de directorio, también puede ser utilizado para árboles de categorías. Es muy configurable y además posee themas y plugins que amplían su capacidad.

Soporta JSON, XML,HTML y su contenido puede ser estático o asincrónico.

Un ejemplo de su utlización es:

$(function () {
$("#tree_categorias").tree({
data : {
type:"json",
async:true,
opts:{
method:"POST",
url:"ajax.action.php?type=rellena_categorias"
}
},
ui:{
theme_name:"checkbox",
three_state:false
},
plugins:{checkbox:{}}
});
});

El php al que se conecta para obtener las categorías debe generar un objeto JSON de la siguiente forma:

{
attributes: { id:"node_identificator",some-other-attribute:"attribute_value" },
data: "titulo del nodo",
state: "closed",
children: [ /* an array of child nodes objects */ ]
data: {title:titulo_del_nodo,attributes:{"class":"checked"}}
}
Para más información puede visitar la página:

http://www.jstree.com/

No hay comentarios:

Publicar un comentario

Buscar este blog