Personnalisation des menus à l'aide de Web UI Framework

Vous pouvez personnaliser les menus à l'aide de la classe Ext.menu.Menu de l'infrastructure JavaScript Ext JS.

Aucun widget Designer Workbench ne permet de créer des menus. Toutefois, vous pouvez créer des menus à l'aide du modèle de menu du Générateur de modèle de code, accessible depuis Designer Workbench via le bouton Generate Code. Le code généré par le Générateur de modèle de code est collé ou saisi dans la page Code Update, qui met fin au processus de création de code pour le nouveau menu.

Pour afficher un menu dans un écran de Web UI Framework, vous devez récupérer les données de menu dans le serveur et effectuer leur rendu dans le navigateur.

L'implémentation par défaut fournit la balise includeMenu, qui peut être appelée via une page JSP comme suit :

<scuiimpltag:includeMenu></scuiimpltag:includeMenu>

Elle renvoie tous les menus configurés pour lesquels l'utilisateur connecté dispose d'un droit d'accès.

Cette balise renvoie les données du menu sous forme de données JSON (qui peuvent contenir du texte), d' URL, de JavaScript, ou d'image.

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

Pour rendre ces données, l'implémentation par défaut est fournie sous la forme d'un fichier JavaScript . Pour utiliser ce fichier, incluez le code suivant dans la page JSP :

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