IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JSF Java Discussion :

[Primefaces] Afficher les détails d'un datatable dans un dialog


Sujet :

JSF Java

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mars 2007
    Messages
    310
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Burkina Faso

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Mars 2007
    Messages : 310
    Par défaut [Primefaces] Afficher les détails d'un datatable dans un dialog
    Bonjour à la communauté,
    je désir afficher le détail d'une ligne de mon dataTable dans un dialog en cliquant sur un bouton (View).
    J'arrive à afficher les données dans le tableau mais l'affichage du détail ne marche pas.
    D'avance merci!
    voici mon code :

    page xhtml
    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
    <h:form id="form">
                    <table align="center" cellspacing="0px" width="80%" style="height: 400px;">                    
                        <tr>
                            <td valign="top">
                                <p:dataTable style="font-size: 10pt;" emptyMessage="Aucune donnée disponible" sortMode="single" 
                                             value="#{indicateurMB.listCategorieIndicateurAll}" var="categorieindicateur"
                                        widgetVar="carsTable"
     
                                        rows="10" paginator="true"
                                        paginatorPosition="bottom"
                                        pageLinks="3"> 
                                    <p:column width="10%" style="text-align: center" headerText="Code"      filterMatchMode="contains"   >
                                        #{categorieindicateur.codeCategorieIndicateur}
                                    </p:column>
                                    <p:column headerText="Type Indicateur"    sortBy="#{categorieindicateur.libelleCategorieIndicateur}"  filterBy="#{categorieindicateur.libelleCategorieIndicateur}" filterMatchMode="contains">
                                        #{categorieindicateur.libelleCategorieIndicateur}
                                    </p:column>
                                    <p:column>
                                        <p:commandButton value="View" update=":form:categorieDetail"  oncomplete="PF('categorieDiag').show();"  >
                                            <f:setPropertyActionListener value="#{categorieindicateur}" target="#{indicateurMB.categorieIndicateur}" /> 
                                        </p:commandButton>
                                    </p:column>
                                    <p:column width="5%" style="text-align: center">
                                        <h:commandLink>
                                            <f:setPropertyActionListener target="#{indicateurMB.categorieIndicateurDelete}" value="#{categorieindicateur}"/>
                                            <h:graphicImage value="/resources/images/delete.gif"/>                             
                                        </h:commandLink>
                                    </p:column>
                                </p:dataTable>
                            </td>                            
                        </tr>
                    </table>   
     
                    <p:dialog id="showForm" widgetVar="categorieDiag" style="font-size: 10pt;" modal="true" resizable="false" header="Catégorie Indicateur">
                        <p:outputPanel id="categorieDetail" style="text-align:center;">
                            <br/>
                            <p:messages/>
                            <h:panelGrid columns="2" columnClasses="column-right, column-left">
                                <h:outputText value="Code"/>
                                <h:inputText value="#{indicateurMB.categorieIndicateur.codeCategorieIndicateur}" size="10"/>
                                <h:outputText value="Désignation"/>
                                <h:inputText value="#{indicateurMB.categorieIndicateur.libelleCategorieIndicateur}" size="50"/>                          
                            </h:panelGrid>
                             <br/>
                            <p:separator />                     
                            <p:commandButton value="Fermer" onclick="'categorieDiag'.hide();"/> 
                        </p:outputPanel>
                    </p:dialog>  
     
                </h:form>
    Mon manage bean
    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
    public class IndicateurMB { 
     
        private CategorieIndicateur categorieIndicateur; 
        private List<CategorieIndicateur> listCategorieIndicateurAll;
     
        /**
         * Creates a new instance of IndicateurMB
         */
        @Inject transient ParametreService parametreService;
        public IndicateurMB1() {
        }
        public CategorieIndicateur getCategorieIndicateur() {
            if(categorieIndicateur==null){
                categorieIndicateur=new CategorieIndicateur();
            }
            return categorieIndicateur;
        }
     
        public void setCategorieIndicateur(CategorieIndicateur categorieIndicateur) {
            this.categorieIndicateur = categorieIndicateur;
        } 
     
        public List<CategorieIndicateur> getListCategorieIndicateurAll() {
            if(listCategorieIndicateurAll==null){
                listCategorieIndicateurAll=parametreService.getAllListeCategorieIndicateur();
            }
            return listCategorieIndicateurAll;
        }
     
        public void setListCategorieIndicateurAll(List<CategorieIndicateur> listCategorieIndicateurAll) {
            this.listCategorieIndicateurAll = listCategorieIndicateurAll;
        }
     
     
    }

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,

    Citation Envoyé par rolls Voir le message
    Code xhtml : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
       <p:commandButton value="View" update=":form:categorieDetail"  oncomplete="PF('categorieDiag').show();"  >
           <f:setPropertyActionListener value="#{categorieindicateur}" target="#{indicateurMB.categorieIndicateur}" /> 
       </p:commandButton>
    Code xhtml : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <p:commandButton value="View" update=":form:showForm:categorieDetail"  oncomplete="PF('categorieDiag').show();" ajax="true" >
       <f:setPropertyActionListener value="#{categorieindicateur}" target="#{indicateurMB.categorieIndicateur}" /> 
    </p:commandButton>
    Citation Envoyé par rolls Voir le message
    Code java : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
        public IndicateurMB1() {
        }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     public IndicateurMB() {
        }
    Sinon, tu peux nous dire les symptômes au lieu de se contenter de dire que ça ne marche pas?

    A+.

  3. #3
    Membre éclairé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mars 2007
    Messages
    310
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Burkina Faso

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Mars 2007
    Messages : 310
    Par défaut
    Citation Envoyé par andry.aime Voir le message
    Sinon, tu peux nous dire les symptômes au lieu de se contenter de dire que ça ne marche pas?
    A+.
    lorsque je dit que ca ne marche par, le p: dialog s'affiche mais les données ne sont pas affichées. Le compilateur ne retourne aucune trace.

    Par ailleurs j'ai essayé ta solution et voici ce que j'ai comme erreur
    merci!

  4. #4
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Code xhtml : Sélectionner tout - Visualiser dans une fenêtre à part
    <p:commandButton value="View" update=":form:categorieDetail"  oncomplete="PF('categorieDiag').show();" ajax="true" >

    A+.

  5. #5
    Membre éclairé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mars 2007
    Messages
    310
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Burkina Faso

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Mars 2007
    Messages : 310
    Par défaut
    Citation Envoyé par andry.aime Voir le message
    Code xhtml : Sélectionner tout - Visualiser dans une fenêtre à part
    <p:commandButton value="View" update=":form:categorieDetail"  oncomplete="PF('categorieDiag').show();" ajax="true" >

    A+.
    j'avais déjà corrigé mais les données ne s'affichent toujours pas.
    je continue de chercher

  6. #6
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Code xhtml : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <p:commandButton value="View" update=":form:categorieDetail"  oncomplete="PF('categorieDiag').show();"  action="#{indicateurMB.loadCategorie}">
    	<f:setPropertyActionListener value="#{categorieindicateur.sonId}" target="#{indicateurMB.idCat}" />
    </p:commandButton>

    Dans ton java:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    public void loadCategorie(){
      this.categorieIndicateur = tonService.findById(this.idCat);
    }
     
    public void setIdCat(Integer id){
      this.idCat = id;
    }
    Sinon, le scope de ton bean?

    A+.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 7
    Dernier message: 07/07/2017, 12h26
  2. afficher les détails dans la zone de données TCD
    Par alimhassa dans le forum Excel
    Réponses: 6
    Dernier message: 22/06/2010, 10h43
  3. Réponses: 2
    Dernier message: 27/12/2005, 21h09
  4. Afficher les élements d'un formulaire dans une autre fenetre
    Par BernardT dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 11/12/2005, 23h52
  5. Réponses: 29
    Dernier message: 03/11/2005, 11h37

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo