Menú Dinámico

Este ejemplo muestra cómo montar dinámicamente los elementos y sub-elementos de una aplicación de menú, rescatando los valores de la base de datos.

Creación de un menú

1. Cree una nueva aplicación del tipo “Tree Menú“.

2. Acceda a la carpeta de eventos y haga clic en onLoad.

3. Dentro del evento, use el siguiente código. En este ejemplo, el código buscará elementos dinámicamente de las tablas de categoríes y products creadas para el proyecto “Samples”.

sc_appmenu_reset(mcr14);  
sc_appmenu_create(mcr14);
sc_lookup(dscategories,"SELECT categoryid,CategoryName FROM categories");
foreach({dscategories} as $arr_category)
{
sc_appmenu_add_item(mcr14,'item_'.$arr_category[0],, $arr_category[1],mcr14_2,catid=$arr_category[0];catname=$arr_category[1], , , );
$sSQL = "SELECT productid,productname FROM products WHERE categoryid = '".$arr_category[0]."'";
sc_lookup(dsproducts,$sSQL);
if(!empty({dsproducts}))
foreach({dsproducts} as $arr_product){ sc_appmenu_add_item('mcr14','item_'.$arr_category[0].$arr_product[0],'item_'.$arr_category[0], $arr_product[1],mcr14_1,prodid=$arr_product[0], , , );
}
}

Nota: mcr14_2 y mcr14_1 son aplicaciones que se abrirán por la opción de menú.

4. Haga clic en el botón Ejecutar de la barra de herramientas.

El grupo de macros en el menú “sc_appmenu” realizará la creación dinámica de los elementos. Para obtener más información sobre estas macros y otras macros de menú, acceda a la documentación completa.

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...

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...

Pestañas del Menu

En este ejemplo veremos cómo configurar el menú para abrir las aplicaciones en pestañas. ...

Comentar este post