Generar menú tipo árbol con PHP

Generar menú tipo árbol con PHP
En esta oportunidad veremos una librería para PHP que nos permite crear menús tipo árbol (Tree menus) como los del explorador de windows usando PHP. La librería en cuestión es HTML_TreeMenu que forma parte de la conocida librería de componentes de PHP, PEAR.

Entre las características de HTML_TreeMenu podemos encontrar:

->> Podemos generar diferentes tipos de menus: HTML dinamico (DHTML), Estático y ListBox.

->> Permite crear menús compatibles con los principales navegadores de la actualidad.

->> Es posible generar múltiples menús por página.

->> Podemos configurar el estilo para cada nodo del árbol, al igual que el link y los eventos generados al expandir y contraer el nodo.

Veamos un ejemplo para aclarar las ideas:

prueba.php

luego agregamos el siguiente código HTML donde incluimos la librería javascript.

continuación prueba.php

Podemos ver un ejemplo del menu creado en este link DEMO Tree menu

La librería HTML_TreeMenu tiene algunos métodos muy útiles como el createFromStructure(array $params) que acepta un array con una estructura de árbol predefinida, las soportadas son la de Richard Heyes disponible en PHPGuru y la de Wolfram Kriesings disponible en PEAR .

Otro método importante es el createFromXML que permite crear el menu a partir de un string que contiene un formato XML.

Finalmente, HTML_TreeMenu nos provee una clase abstracta HTML_TreeMenu_Presentation la cual podemos extender y crear nuestros propios tipos de menús lo que nos ofrece de una gran libertad para personalizar al máximo nuestros menús.

Como siempre, recomendamos leer la documentación oficial para poder aprovechar totalmente la librería y esperamos que esta introducción les haya sido útil.

Más información:
Documentación oficial

GD Star Rating
loading...
Generar menú tipo árbol con PHP, 10.0 out of 10 based on 8 ratings

Related Posts

2 Comments

  1. Juan Carlos
    mayo 30, 2013 at 3:39 pm

    muy bueno el ejemplo solo quisiera saber como hago para alimentar los nodos con los datos de una tabla con mysql.

    muchas gracias por su ayuda

  2. Juan
    junio 1, 2013 at 3:36 pm

    Hola Juan Carlo, deberías usar los datos devueltos por tu consulta SQL como array de entrada para la clase HTML_TreeNode.
    Ejemplo, supongamos que nuestra consulta devuelve el siguiente array de datos:

    esto genera 3 nodos con los animales de nuestro array de datos.
    Espero que te sirva, saludos.

  3. horacio
    octubre 21, 2016 at 5:02 pm

    Hola, muy bueno y didactico el ejemplo.

    Quisiera saber si me puede ayudar en lo siguiente

    Tengo el menu tipo arbol en un div, y quisiera que cuando haga clic el elgun item del arbol se me ejecutara el archivo.php en otro div de la misma pagina. Supongamos <div id="cuerpo"> y asi sucesivamente con todos los items del arbol deberian ejecutar distintos archivos.php siempre en el div identificado como cuerpo.

    Espero se entienda gracias

Leave A Comment

Security Code:

Leer más
350+ recursos para aprender a programar en Angular.js

En esta oportunidad queremos compartir un listado de fuentes con 350+ recursos para aprender a programar en Angular.js

Cerrar