Der Default-Painter unterstützt für das vertikale Menü im Gegensatz zum horizontalen Menü keine grafischen Elemente. Die Menüpunkte werden als Texte ausgegeben und über StyleSheets entsprechend formatiert.

Die Referenzierung eines Menüpunktes erfolgt später anhand eines Pfadausdruckes, der sich aus den Id's der einzelnen Menüpunkte innerhalb der Hirarchie zusammensetzt. Zu dem Menüpunkt "sample101" würde etwa folgender Pfadausdruck gehören: list/samples/standard/samples101.

Für das korrekte Zusammenspiel der einzelnen Menü Elemente ist die Festlegung der Menüpfade genau zu beachten. Da unser Hauptmenü einen Menüpunkt mit der id="list" definiert, wird gleichzeitig der entsprechende Hauptmenüpunkt selektiert.

<%@ taglib uri="/WEB-INF/tlds/cc-menu.tld" prefix="menu" %>

<menu:menu id="list" type="sidebar" width="135">
    <menu:menuitem
        id="overview"
        text="Overview"
        action="listcontrol/features.do">
        <menu:menuitem
            id="features"
            text="Features"
            action="listcontrol/features.do"/>
    </menu:menuitem>
        <menu:menuitem
            id="samples"
            text="Samples"
            action="listcontrol/sample101/userBrowse.do">
        <menu:menuitem
            id="standard"
            text="Standard"
            action="listcontrol/sample101/userBrowse.do">
            <menu:menuitem
                id="sample101"
                text="Browsing"
                action="listcontrol/sample101/userBrowse.do"/>
            <menu:menuitem
                id="sample102"
                text="Check-Column"
                action="listcontrol/sample102/carBrowse.do"/>
            <menu:menuitem
                id="sample103"
                text="Using ImageMap's"
                action="listcontrol/sample103/userRoleBrowse.do"/>
            <menu:menuitem
                id="sample104"
                text="Filtering Data"
                action="listcontrol/sample104/manufacturerBrowse.do"/>
        </menu:menuitem>
        <menu:menuitem
            id="advanced"
            text="Advanced"
            action="listcontrol/sample121/addressBrowse.do">
            <menu:menuitem
                id="sample121"
                text="ServerSide DesignModel"
                action="listcontrol/sample121/addressBrowse.do"/>
            <menu:menuitem
                id="sample131"
                text="Dynamic DataModel"
                action="listcontrol/sample131/dynamicListBrowse.do"/>
        </menu:menuitem>
    </menu:menuitem>
</menu:menu>

zurück   |   weiter zu Schritt 4