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