Personalizaciones de menús con la infraestructura de interfaz de usuario web

Puede realizar personalizaciones de menú utilizando la clase Ext.menu.Menu de la infraestructura JavaScript de Ext JS.

Designer Workbench no tiene un widget para crear menús. No obstante, puede crear menús utilizando la plantilla de menús del Generador de plantillas de código, al que puede acceder desde el entorno de trabajo Designer Workbench mediante le botón Generar código. El código generado a través del Generador de plantillas de código se pega o se escribe en la página Actualizar código, en donde puede finalizar la creación del código del nuevo menú.

En la infraestructura de interfaz de usuario web para mostrar un menú en la pantalla, debe obtener los datos del servidor y representarlos en el navegador.

En la implementación predeterminada, se proporciona el código includeMenu, que se puede llamar desde JSP como:

<scuiimpltag:includeMenu></scuiimpltag:includeMenu>

Esto devuelve todos los menús configurados para el usuario que ha iniciado la sesión y a los que el usuario tiene permiso.

Esta etiqueta devuelve los datos del menú como datos JSON (que pueden tener texto), una URL, JavaScript, o una imagen.

{
 text: 'First Menu',
 subMenu: [{
 text: 'First SubMenu',
 url: '/<app_dir>/<app_dir>/editRule.do'
 js: 'openpopup()',
 img: 'my-cls-img'
}

Para representar estos datos, la implementación predeterminada se proporciona como un archivo JavaScript . Para utilizar este archivo, incluya el código siguiente en el archivo JSP:

<script type="text/javascript" src="<%=request.getContextPath()%>/platform/scripts/menuPaint.js"></script> 
Utilice las directrices siguientes para la personalización de menús:
  • Para cambiar el aspecto de la interfaz de usuario del menú, debe utilizar su propia implementación en lugar de menuPaint.js de la aplicación.
  • Para obtener datos de menú con más información, tiene que utilizar su propia implementación en lugar de que la aplicación utilice el código includeMenu.