Contents | < Les Tables (Tableaux) | Pagination >

Les Listes

Les listes XSL-FO sont crées en utilisant l'élément fo:list-block. Une liste peut contenir un ou plusieurs éléments (fo:list- item). Chaque élément a une étiquette (fo:list-item-label) employée habituellement pour montrer une puce ou un nombre, et un corps (fo:list-item-body).

<fo:flow color="rgb(0,0,128)" flow-name="xsl-region-body" font-size="20pt">
    <fo:block>To do list:</fo:block>
    <fo:list-block > Œ
        <fo:list-item > 
            <fo:list-item-label end-indent="label-end()" > Ž
                <fo:block>
                    1)
                </fo:block>
            </fo:list-item-label>
            <fo:list-item-body start-indent="body-start()" >
                <fo:block>
                    Very very important stuff
                </fo:block>
            </fo:list-item-body>
        </fo:list-item>
        <fo:list-item>
            <fo:list-item-label end-indent="label-end()">
                <fo:block>
                    2)
                </fo:block>
            </fo:list-item-label>
            <fo:list-item-body start-indent="body-start()">
                <fo:block>
                    Very important stuff
                </fo:block>
            </fo:list-item-body>
        </fo:list-item>
        ...
    </fo:list-block>
</fo:flow>

Pour le code source complet pour cet exemple de code voyez "Tutorial/List.fo" situé dans le dossier XML Documents Samples/Tutorial.

Le résultat du rendant est montré dans la figure suivante.

Figure 1

Les points importants dans ce document sont:

ŒLa liste est crée en utilisant fo:list-block.

Une liste peut contenir un ou plusieurs éléments.

Ž  Chaque élément a une étiquette employée habituellement pour montrer une puce ou un nombre, et un corps

Les listes numérotées

XSL-FO ne fournit pas un élément pour créer des listes numérotées comme le fait le HTML; vous devez donner les nombres en utilisant les techniques XSL.

Tenant compte de la source suivante du document XML:

<products>
    <product>Fuji FinePix F700</product>
    <product>Nikon CoolPix 5700</product>
    <product>Cannon Powershot A310</product>
</products>

Nous pouvons créer un modèle XSL qui emploie l'élément xsl:number pour donner des nombres pour chaque fo:list-item-label:

<?xml version="1.0" encoding="utf-8" ?>
<?xsl-test-case type="text/xml" href=".\Numbered List.xml"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output method="xml" encoding="utf-8" indent="yes"/>
    <xsl:template match="/">
        <fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
            <fo:layout-master-set>
                <fo:simple-page-master master-name="all">
                    <fo:region-body region-name="xsl-region-body" margin="1in"/>
                </fo:simple-page-master>
            </fo:layout-master-set>
            <fo:page-sequence master-reference="all">
                <fo:flow flow-name="xsl-region-body">
                    <fo:list-block>
                        <xsl:for-each select="products/product">
                            <fo:list-item>
                                <fo:list-item-label end-indent="label-end()">
                                    <fo:block>
                                        <xsl:number/>
                                    </fo:block>
                                </fo:list-item-label>
                                <fo:list-item-body start-indent="body-start()">
                                    <fo:block>
                                        <xsl:value-of select="." />
                                    </fo:block>
                                </fo:list-item-body>
                            </fo:list-item>
                        </xsl:for-each>
                    </fo:list-block>
                </fo:flow>
            </fo:page-sequence>
        </fo:root>
    </xsl:template>
</xsl:stylesheet>.

Pour le code source complet pour cet exemple de code voyez "Tutorial/Numbered List.xml" et "Tutorial/Numbered List.xsl" situés dans le dossier XML Documents Samples/Tutorial.

Contents | < Les Tables (Tableaux) | Pagination >