scaFacebookLike Menu

Descripción del Control

Menú vertical inspirado en Facebook. Permite incorporar a cada elemento del menú un icono representativo y un campo de estado, que puede ser utilizado para indicar algo nuevo acerca del concepto representado, número de productos publicados, numero de tareas pendientes, y demás.

Compatibilidad

Web

Usando el control 

Arrastrar el control desde la toolbox al web form.

 

El control basicamente carga un SDT que contiene los itemas del menu. Consecutivamente, usted podrá tener que crear un SDT scaFacebookLikeMenuData basado en la barable que sera asigado a la propiedad del control MenuData.

Hay tres diferentes acciones que pueden ser disparadas desde el item del menu clickeado. 

  •  Redirigir a otra pagina si se asigna una URL a la propiedad Link, se ejecutará la redirección a la URL indicada cuando se clickee el item del menu.

Ejemplo:

    &scaFacebookLikeMenuItem = new()
    &scaFacebookLikeMenuItem.Id = "Simplifica Software"
    &scaFacebookLikeMenuItem.Link = "http://www.simplificasoftware.com"
    &scaFacebookLikeMenuItem.Title = "Simplifica Software home page"
    &scaFacebookLikeMenuData.Add(&scaFacebookLikeMenuItem)
  • Cargar el contenido en otro contender como un iframe, framset o pagina embebdia de GeneXus.

Ejemplo : 

   &scaFacebookLikeMenuItem.Id = "WebPanel1"
   &scaFacebookLikeMenuItem.Link = webPanel1.Link() 
   &scaFacebookLikeMenuItem.LinkTarget = "Embpage1" donde Embpage1 es el ControlName de una EmbeddedPage en el mismo webpanel
   &scaFacebookLikeMenuItem.Title = "My example"
   &scaFacebookLikeMenuData.Add(&scaFacebookLikeMenuItem)
  • Manejar el evento click en GeneXus

Este es el escenario mas comun. Tan solo necesitas agregar el codigo en el evento OnClick, este evento sera disparado cada vez que el item del menu sea clickeado solo para aquellos items que no tengan un URL en la propiedad Link.
Una opcion recomendable si necesitas cargar un componente web (usado en GeneXus Marketplace cuando el perfil del usuario es mostrado).
Ejemplo : 

 Event scaFacebookLikeMenu1.OnClick
     msg(&scaFacebookLikeMenuItem.Id)
 EndEvent

Si se tiene ms de una instancia del menu en el mismo objeto, se puede querer deseleccionar los items en otro menu cuando el item del menu es seleccionado.
En este caso podra ser usado el método UnselectItems que deselecciona los items en el menu.
Ejemplo:

Event Menu2.OnClick
    Menu1.UnselectItems()
EndEvent

 

Propiedades del control : 

  • Width
  • ControlName
  • Caption: Titulo del menu (puede estar vacio)
  • InitialMenuId: si se desea indicar que un item particular del menu es el elemento inicial (por ejemplo la opcion por defecto cuando se inicia un webpanel). Puede estar vacio.
  • Theme: tema a utilizar. Incluye tres temas : Facebook, Orange y Marketplace.
  • MenuData:  scaFacebookLikeMenuData  SDT basado en variable
  • SelectedItem: scaFacebookLikeMenuData.scaFacebookLikeMenuItem SDT basado en variable


Ejecución