Beispiele: 1 | 2

Konfigurationsbeispiel 2

(Abbildung verkleinert)

Konfiguration:

• Deklaration einer ImageMap mit benutzerspezifischen Bildern für Gruppen und Blätter. Hierzu wird die ImageMap innerhalb des Tree Spalte über das Attribut imagemap referenziert (imagemap="im_products). Jeder Eintrag im Baum liefert über die in der imageProperty spezifizierten Methode einen Ausdruck zurück, der mit der ImageMap verglichen wird. Bei Übereinstimmung wird das entsprechende Image verwendet.
• Weitere Einstellungen vergleiche Konfigurationsbeispiel A.

<util:imagemap name="im_product">
        <util:imagemapping
                rule="group.open"
                src="app/images/imgBoxOpen.gif"
                width="16"
                height="16"/>
        <util:imagemapping
                rule="group.closed"
                src="app/images/imgBoxClosed.gif"
                width="16"
                height="16"/>
        <util:imagemapping
                rule="country"
                src="app/images/imgItem.gif"
                width="16"
                height="16"/>
</util:imagemap>

<ctrl:treelist
        id="tl1"
        name="regions"
        action="sample302/regionBrowse"
        title="Regions Structure"
        rows="15"
        refreshButton="true"
        expandMode="multiple"
        root="true">

        <ctrl:columntree
                title="Region"
                property="region"
                width="180"
                imageProperty="imgType"
                imagemap="im_product"/>

        <ctrl:columntext
                title="Name"
                property="name"
                width="250"/>

        <ctrl:columnadd
                title="Add"
                property="add"/>

        <ctrl:columnedit
                title="Edit"
                property="editable"/>

        <ctrl:columndelete
                title="Delete"
                property="editable"
                onclick="return message();"/>

        <ctrl:columnbutton
                title="Info"
                property="print"
                width="35"
                image="app/images/imgPDF.gif"
                align="center"/>
</ctrl:treelist>