Menú TreeView

Este ejemplo muestra cómo crear un menú de árbol.

Creando el menu

1. Crear una nueva aplicación de Menú de Árbol.

Creando los items del menú.

2. Para crear los elementos que formarán parte del menú, en el menú de la aplicación haga clic en la opción “Items del menú”.

En el menú que crearemos hay una jerarquía, por lo que tendremos elementos y subelementos. Inicialmente insertaremos los elementos del menú principal.

3. Para crear elementos tiene dos opciones, haga clic en el botón “+” o en el botón de importación de aplicaciones. Para que pueda insertar todos los elementos que desee y luego organizarlos.

En el ejemplo, estamos usando variables de idioma para obtener un sistema en varios idiomas. Obtenga más información sobre nuestra herramienta de diccionario de datos. También puede agregar el nombre de las etiquetas manualmente en el campo “texto”.

Creando subitems del Menu

4. Para crear subelementos, es necesario tener el ítem marcado y luego hacer clic en la flecha “>” para definir la jerarquía en niveles.

5. En la siguiente tabla, informamos qué items y subitems se utilizaron para crear este ejemplo. También informamos el nombre de las aplicaciones llamadas cada elemento, todas las aplicaciones existen dentro de nuestro proyecto de muestra “Samples“.

Item (Etiqueta)Aplicación
Formulário
– Maestro/detalleform38
– Múltiples registrosform40
– Grid Editableform39
– Validación de Clave Únicaform44
– Pedidosform53
Consulta
– Agrupamento – Cliente x Estadosgrid05
– Resumen Matrizgrid29
– Submenu
— Drill Down Simplesgrid14
— Clientesgrid20
Relatórios
– Facturapdf03
– Tarjeta de Visitapdf02

6. Una vez creado el menú, agregaremos un último item con la salida de destino para que el usuario salga del menú o salga del sistema.

También es posible configurar sugerencias e iconos (con soporte para la biblioteca de iconos Font Awesome).

7. Después de completar la configuración, nuestro menú está listo para ver y probar, haga clic en la opción “Ejecutar aplicación” del menú principal de Scriptcase.

Compartir este tutorial

Tutoriales en la misma categoria

Menú con Font-Awesome

Para que los ítems del menú cuenten con iconos de la nueva funcionalidad y diseño Font-Aweso...

Menú Dinámico

Este ejemplo muestra cómo montar dinámicamente los elementos y sub-elementos de una aplicación d...

Tutorial: Menú utilizando Aplicación Inicial

En este tutorial veremos cómo configurar el menú para que esté abierto con una aplicación carga...

Menu Breadcrumb (Ruta de Navegación)

En este tutorial veremos cómo configurar el menú para que muestre una ruta de navegación con los...

Comentar este post