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/detalle | form38 |
| – Múltiples registros | form40 |
| – Grid Editable | form39 |
| – Validación de Clave Única | form44 |
| – Pedidos | form53 |
| Consulta | |
| – Agrupamento – Cliente x Estados | grid05 |
| – Resumen Matriz | grid29 |
| – Submenu | |
| — Drill Down Simples | grid14 |
| — Clientes | grid20 |
| Relatórios | |
| – Factura | pdf03 |
| – Tarjeta de Visita | pdf02 |
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.
Comment this post