Um das TabSet-Tag auf einer JSP Seite einzusetzen, muss am Anfang der Seite die entsprechende Tag Library deklariert werden. Anschließend können die Common-Controls mit dem Präfix <ctrl:tagname /> verwendet werden. [Zudem muss die Aufnahme der Tag Bibliothek im Deployment-Deskriptor, der WEB-INF/web.xml Datei, erfolgen].

<%@ taglib uri="/WEB-INF/tlds/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/tlds/cc-controls.tld" prefix="ctrl" %>

<html:form action="/sample402/userprofilEdit" method="post">

    <ctrl:tabset
        id="uptabset"
        property="tabset"
        tabs="3"
        labellength="20"
        width="450"
        runat="client">

        <ctrl:tab
            id="tab1"
            title="User"
            content="Tab_Page1.jsp"
            tooltip="User Display"/>

        <ctrl:tab
            id="tab2"
            title="Settings"
            content="Tab_Page2.jsp"
            tooltip="User Settings"/>

        <ctrl:tab
            id="tab3"
            title="History"
            content="Tab_Page3.jsp"
            tooltip="History"/>
    </ctrl:tabset>

</html:form>

In unserem Beispiel haben wir der Übersichtlichkeit die einzelnen Taben als eigenständige JSP-Seiten inkludiert. Der ausführliche Source-Code ist mit der Demoversion erhältlich.

Alternativ kann der HTML-Code auch direkt innerhalb des Tag-Bodys einer Tabe angegeben werden:

    <ctrl:tab   id="tab3"   title="History" tooltip="History"/>
        <b>Hello World!</b>
    </ctrl:tab>

zurück   |   weiter