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 :

[dataTable] rowStyleClass ne fonctionne pas


Sujet :

JSF Java

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    100
    Inscrit en
    Juillet 2007
    Messages
    585
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations professionnelles :
    Activité : 100

    Informations forums :
    Inscription : Juillet 2007
    Messages : 585
    Par défaut [dataTable] rowStyleClass ne fonctionne pas
    Bonjour,

    J'ai un formulaire de modification d'un objet. Dans le formulaire j'ai différents inputText et autres composants.
    En plus, j'ai une dataTable editable qui contient des sous-objets, dans laquelle j'ai une colonne qui permet de supprimer un sous-objet.
    La suppression effective se faisant lors de la confirmation de modification, j'aimerais mettre en couleur les lignes qui sont à supprimer.

    Pour cela, j'ai une colonne qui permet de supprimer une ligne (met la propriété "isDeleted) à true dans le sous-objet et une rowStyleClass qui teste cette valeur :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <p:dataTable id="periodes"
    	value="#{saisirEmployeForm.listPeriodes}" 
    	var="periode" widgetVar="periodeTable"
    	editable="true" editMode="cell"
    	emptyMessage="#{msg['AucunePeriodeAAfficher']}" 
    	rowKey="#{periode.id}"
    	rowStyleClass="#{!periode.deleted ? null : 'rowDeleted'}"	
            style="margin-bottom:10px" >
    La feuille de style :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    .rowDeleted {
    	background: pink;
    }
    Le problème est que la ligne ne se met pas en couleur, quelque soit l'ordre du test.

    Qqun a-t-il une idée ?
    Merci d'avance pour votre aide

  2. #2
    Membre Expert Avatar de jeffray03
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2008
    Messages
    1 501
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Allemagne

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juillet 2008
    Messages : 1 501
    Par défaut
    salut,
    as-tu essayé ceci:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    rowStyleClass="#{(!periode.deleted) ? null : 'rowDeleted'}"
    Eric

  3. #3
    Membre éclairé
    Profil pro
    100
    Inscrit en
    Juillet 2007
    Messages
    585
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations professionnelles :
    Activité : 100

    Informations forums :
    Inscription : Juillet 2007
    Messages : 585
    Par défaut
    Salut,

    ca ne change rien.
    Je me demande si ce n'est pas du fait que la table est editable ? En meme temps ça ne change rien si j'enleve l'édition

  4. #4
    Membre Expert Avatar de jeffray03
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2008
    Messages
    1 501
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Allemagne

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juillet 2008
    Messages : 1 501
    Par défaut
    salut
    essaies ceci et donnes nous le resultat:
    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
      <h:head>
    	<h:outputStylesheet library="css" name="test.css" />
    	<style type="text/css">
    .colored {
    	background-color: #FF0000;
    	color: #FFFFFF;
    }
    
    .rowDeleted {
    	background: pink;
    }
    </style>
    </h:head>
    <body>
    <p:dataTable id="periodes"
    	value="#{saisirEmployeForm.listPeriodes}" 
    	var="periode" widgetVar="periodeTable"
    	editable="true" editMode="cell"
    	emptyMessage="#{msg['AucunePeriodeAAfficher']}" 
    	rowKey="#{periode.id}"
    	rowStyleClass="#{!(periode.deleted) ? 'colored' : 'rowDeleted'}"	
            style="margin-bottom:10px" >
      >
    Eric

  5. #5
    Membre éclairé
    Profil pro
    100
    Inscrit en
    Juillet 2007
    Messages
    585
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations professionnelles :
    Activité : 100

    Informations forums :
    Inscription : Juillet 2007
    Messages : 585
    Par défaut
    Salut,

    Les lignes supprimées s'affichent bien en rose

  6. #6
    Membre Expert Avatar de jeffray03
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2008
    Messages
    1 501
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Allemagne

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juillet 2008
    Messages : 1 501
    Par défaut
    salut ,
    donc c´est un probleme de placement du fichier css.
    peux-tu nous donner la structure du projet?
    Eric

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

Discussions similaires

  1. Réponses: 7
    Dernier message: 26/06/2015, 14h32
  2. Réponses: 1
    Dernier message: 05/11/2011, 20h10
  3. Réponses: 7
    Dernier message: 08/04/2011, 10h35
  4. Réponses: 1
    Dernier message: 02/02/2010, 01h00
  5. datatable rendered ne fonctionne pas
    Par ang.net dans le forum JSF
    Réponses: 1
    Dernier message: 07/07/2008, 20h10

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