jQtree para estructuras de contenido y listas con jquery

Descarga : jQtree

jQtree para estructuras de contenido y listas con jquery, este es un plugin de jquery para mostrar una estructura de árbol en html es compatible con los datos json, puedes cargar la información también a través de Ajax
Este plugin también te permite arrastrar y soltar elementos para cambiar de jerarquías, puedes generar diferentes nodos siguiendo una estructura en formato json, conservando los atributos label y id.

Las funciones principales que puedes encontrar son:
getNodeById : Selecciona un nodo
removeNode: Elimina un nodo
openNode: Abre un nodo
getSelectedNode; accedes al nodo seleccionado
updateNode: Actualize el nodo.

Aunque puedes encontrarte muchas más funcionalidades y ejemplos en la siguiente dirección:http://mbraak.github.io/jqTree/#examples

Con esta funcionalidad puedes generar interesantes aplicaciones, puedes agregar, quitar modificar inclusive seleccionar elementos del nodo, también es importante conocer que este plugin se puede agregar mucho más información a los diferentes nodos.
Este plugin comúnmente se utiliza para manipular directorios en listas, en cualquier lenguaje de programación web para mostrar la información lo único que tienes que hacer es descargarte jQuery tree.jQuery jqtree.css instanciarlo a la etiqueta html donde quieres mostrar el resultado “Árbol de datos”.

 

Ejemplo de uso:

<script src="jquery.min.js"></script>
<script src="tree.jquery.js"></script>
<link rel="stylesheet" href="jqtree.css">

<div id="tree1"></div>
<script>
var data = [
    {
        label: 'node1', id: 1,
        children: [
            { label: 'child1', id: 2 },
            { label: 'child2', id: 3 }
        ]
    },
    {
        label: 'node2', id: 4,
        children: [
            { label: 'child3', id: 5 }
        ]
    }
];
$('#tree1').tree({
    data: data,
    autoOpen: true,
    dragAndDrop: true
});
</script>

Vídeo demostrativo.

Contenido relacionado: