Customizações de Menu com o Web UI Framework

É possível fazer customizações de menu usando a classe Ext.menu.Menu da estrutura JavaScript do Ext JS

O Designer Workbench não possui um widget para criar menus. Entretanto, é possível criar menus usando o modelo de menu do Code Template Generator, que você acessa a partir do Designer Workbench usando o botão Gerar Código. O código gerado pelo Gerador de Modelo de Código é colado ou digitado na página Atualização de Código, onde você concluir a criação do código para o novo menu.

No Web UI Framework, para mostrar um menu em uma tela, será necessário obter dados do menu a partir do servidor e renderizá-los no navegador.

Na implementação padrão, a tag includeMenu é fornecida, que pode ser chamada a partir do JSP como:

<scuiimpltag:includeMenu></scuiimpltag:includeMenu>

Isso retorna todos os menus configurados para o usuário com login efetuado para os quais esse usuário tem permissões.

Essa tag retorna dados do menu como dados JSON (que podem conter texto), um URL, JavaScript, ou uma imagem.

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

Para renderizar esses dados, a implementação padrão é fornecida como um arquivo JavaScript Para usar esse arquivo, inclua o código a seguir no JSP:

<script type="text/javascript" src="<%=request.getContextPath()%>/platform/scripts/menuPaint.js"></script>