Discussion :

[thetoto52]

Bonjour, j'ai besoin de faire une table avec un colspan et un rowspan. la balise <t:dataTable> ne permet pas de le faire avez vous une solution? J'ai pensé à définir un nouveau composant mais j'aimerais ne pas avoir à tous refaire. Si vous savez comment s'y prendre.

Merci d'avance pour votre aide.

[djo.mos]

Bonjour,
DataTable de Richfaces permet de le faire.

Discussion similaire.

[thetoto52]

Il semblerais que je ne peut pas utiliser cette librairie pour le projet ou je suis.

Donc il faudrais que je trouve comment faire un composant qui me permet de faire le colspan et rowspan.

Merci de ta réponse rapide.

[romaintaz]

Bonjour thetoto52,

Je crains qu'avec l'implémentation de base de JSF (donc sans librairie additionnelle), tu ne puisses faire ce que tu veux... Donc les solutions que je vois sont les suivantes :

• Utiliser, comme l'a dit djo.mos une librairie supplémentaire, comme RichFaces ou Tomahawk (ou d'autres) qui proposent des datatables plus évoluées.
• Utiliser les Facelets. Cela te permettra d'utiliser du HTML "basique" au sein de tes pages JSF. Tu pourras ainsi coder tes tableaux en HTML brut, mais bon, c'est pas super beau je trouve !
• Créer ton propre composant datatable qui gère les rowspan et colspan.
• Gérer la présentation par du CSS, au lieu de tables. Tu trouveras pas mal de références sur Google du match "table vs CSS" où l'on préconise très largement l'utilisation du CSS (et donc de DIV) plutôt que de tables.

En espérant que cela t'aide...

[thetoto52]

J'étais bien partit pour créer un composant mais j'aurais voulus qu'il hérite de datatable histoire de ne pas avoir à refaire tous. Et je n'ai trouvé nul par une explication de comment s'y prendre.

Pour les css on les utilises en règle général mais la ce sont des donnée tabulaire que je doit afficher.

Encore merci.

[romaintaz]

Bon, je trouve que c'est un peu dommage de procéder ainsi, mais si tu n'as pas le choix !

Pour faire ton composant qui héritera de datatable (je suis en JSF 1.2 et j'utilise Facelets) :

1. Crées ton propre XXX.taglib.xml. Dedans, tu indiques ton namespace ainsi que ton composant, par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE facelet-taglib PUBLIC "-//Sun Microsystems, Inc.//DTD Facelet Taglib 1.0//EN" "facelet-taglib_1_0.dtd">
<facelet-taglib>
    <namespace>http://pouet.pouet/jsf</namespace>
    <tag>
        <tag-name>myDT</tag-name>
        <component>
            <component-type>pouet.component.myDT</component-type>
            <renderer-type>pouet.renderkit.myDT</renderer-type>
        </component>
    </tag>
</facelet-taglib>

2. Dans ton faces-config.xml on lie ce qui est définit dans le taglib avec les classes Java :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<faces-config>
    <component>
        <component-type>pouet.component.myDT</component-type>
        <component-class>ma.boite.jsf.component.MyDatatable</component-class>
    </component>
 
    <render-kit>
        <render-kit-id>HTML_BASIC</render-kit-id>
 
        <renderer>
            <component-family>javax.faces.Data</component-family>
            <renderer-type>pouet.renderkit.myDT</renderer-type>
            <renderer-class>
                ma.boite.jsf.component.MyDatatableRenderer
            </renderer-class>
        </renderer>
    </render-kit>
 
 
</faces-config>

3. Créer les classes Java : le composant devra hériter de javax.faces.component.html.HtmlDataTable tandis que le renderer héritera de com.sun.faces.renderkit.html_basic.TableRenderer.

4. Dans la page JSF, il te suffira alors d'utiliser ce composant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<... xmlns:my="http://pouet.pouet/jsf">
    <my:myDT ...>

Voilà les premiers pas à faire (y a peut être des erreurs, des oublis mais c'est le principe)...
Pour le component-family, je l'ai trouvé ici, et le nom des classes ici.

[thetoto52]

merci de votre aide mais faute de temps j'ai fait un peut de mise en forme avec des div. On verras plus tard la redéfinition de la classe.

Encore merci.