Bonjour à tous,

j’essaie de développer un composant graphique type "dataGrid" avec JSF 2.0 et richfaces 4.

Le dataGrid s'affiche bien mais je souhaite lui ajouter une fonctionnalité en plus: rendre chaque élément sélectionnable et, en double cliquant dessus ouvrir une page pour voir le détail.

Est il possible de réaliser ce genre ce chose avec une dataGrid? mci par avance!


mon code:
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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">
    <h:outputStylesheet>
        .label {
        font-weight: bold;
        }
        .rf-dg, .rf-dg-c{
        border:none;
        }
        .pbody {
        width: 200px;
        }
    </h:outputStylesheet>
    <rich:panel>
        <f:facet name="header">
            <h:outputText value="Liste des demandes"></h:outputText>
        </f:facet>
        <h:form>
            <rich:dataGrid value="#{GrilleConges.allConges}" var="conges" columns="3" elements="9" width="600px" border="0">
 
                <rich:panel bodyClass="pbody"  >
 
                    <f:facet name="header">
                        <h:outputText value="#{conges.motif.motif}"></h:outputText>
                    </f:facet>
 
 
                    <h:panelGrid columns="2" >
 
 
                        <h:outputText value="Date de départ" styleClass="label"></h:outputText>
                        <h:outputText value="#{conges.dateDeDepart}" />
                        <h:outputText value="Date de reprise" styleClass="label"></h:outputText>
                        <h:outputText value="#{conges.dateDeReprise}" />
                        <h:outputText value="Durée" styleClass="label"></h:outputText>
                        <h:outputText value="#{conges.duree}" />
                        <h:outputText value="Etat" styleClass="label"></h:outputText>
                        <h:outputText value="#{conges.etat_validation}" />
                    </h:panelGrid>
                </rich:panel>
                <f:facet name="footer">
                    <rich:dataScroller />
                </f:facet>
            </rich:dataGrid>
            <a4j:commandButton action="#{GrilleConges.voirDetail}" value="Submit"/>
        </h:form>
    </rich:panel>
</ui:composition>