Discussion :

[Kwadz]

Bonjour à tous,

Je souhaite créer un formulaire proposant une liste de critères de recherche que l’on peut cocher ou non avec une checkbox. Les critères ont un nom et un titre et sont extraits d'une base de données. Le composant dataTable de PrimeFaces est utilisé.

Ma question :

Comment mettre un des critères en disabed (grisé), coché par défaut et qu’il reste dans cet état quoi qu’il arrive (même si on clique sur le bouton « cocher tout » par exemple) ?

Je suppose que de traiter ça en JavaScript coté présentation serait une mauvaise pratique.
Une meilleure façon de faire serait peut-être d’ajouter des colonnes « checked » et « disabled » en base de données afin de charger la colonne souhaitée en fonction de son état en base. Mais comment bloquer sont état ?

Voici une copie d'écran permettant d'illustrer mes propos :



Merci d'avance pour votre aide.

Cordialement,
Kwadz

[DevServlet]

Bonjour,
Je ne vois pas ta difficulté, il y'a 2 façons d'agir sur une case ou l'ensemble des cases en un seul clic :
-L'utilisateur clique sur la case globale la plus au dessus, par programmation côté java (ou javascript) tu parcours toutes les cases en évitant celle qui doit garder sa valeur par défaut(tu dois certainement avoir un critère fonctionnel qui distingue ce type de case).
-L'utilisateur clique spécifiquement sur la case dont tu ne veux modifier la valeur, et bien par programmation (Java si tu as attaché l'appel d'une fonction java à chaque click de case) ou par javascript, tu forces cette case à la même valeur. Je ne vois pas vraiment ton souci.

[fxrobin]

Tu peux aussi faire un "binding" avec des UIInput (dont la checkbox fait partie) et forcer ainsi avec setReadOnly(true) ceux que tu souhaites :
http://docs.oracle.com/javaee/5/api/...yCheckbox.html

[Kwadz]

Merci pour vos réponses bien qu'elles ne répondent pas vraiment à ma question. Dans le contexte énoncé Primefaces génère le JavaScript via le composant dataTable. Je souhaite bloquer l'état d'une checkbox en particluler même en cas de clique sur la case "Sélectionner tout".

En conclusion je pense qu'il faudrait donc, soit :

- ajouter la fonctionnalité à la bibliothèque PrimeFaces (faute de temps je n'aurai pas l'occasion de contribuer au projet)
- utiliser JavaScript, avec jQuery par exemple, pour bloquer la checkbox souhaitée identifiée en dure (mauvaise pratique)
- ne pas utiliser PrimeFaces et créer le tableau du formulaire à la main puis utiliser JavaScript pour bloquer l'état de la checkbox souhaitée

Dans ce dernier cas on pourrait, entre autre, implémenter la suggestion de fxrobin.

Cordialement,
Kwadz

[fxrobin]

Peux-tu montrer le code de ta "p:dataTable" ?

[Kwadz]

Bien sûr, le voici :

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
 
<p:dataTable id="tabCriteres" value="#{criteresUser}" var="critere" scrollable="true"
	rendered="#{not empty criteresUser}"
	selection="#{importationManager.selectedCriteres}" >
	<p:column>
		<f:facet name="header">
    		<h:outputText value="#{resourceBundle['critereGestion.titreColonne']}"/>
		</f:facet>			    	
		<h:outputText value="#{critere.titre}"/>
	</p:column>
	<p:column>
		<f:facet name="header">  
    		<h:outputText value="#{resourceBundle['critereGestion.nom']}"/>
		</f:facet>
		<h:outputText value="#{critere.nom}"/>
	</p:column>			    	
	<p:column selectionMode="multiple"/>	
</p:dataTable>

[fxrobin]

et bien dans ton cas précis, j'arrêterai d'utiliser le mécanisme par défaut de PrimeFaces.

je coderai une colonne avec des checkBox JSF que je gère moi même.

Qqs exemple de comment procéder ici :
http://balusc.blogspot.fr/2006/06/using-datatables.html


BON COURAGE.

Sinon tu peux activer le checkbox avec du CSS en fonction d'un de ses attributs, ce qui empêchera de le "déselectionner"


petit exemple que je viens de faire fonctionner mais ce n'est pas totalement ton besoin :

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
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">
 
<h:head>
    <title>Démonstration DataTable</title>
    <h:outputStylesheet name="main.css" library="css" />
</h:head>
 
<h:body>    
        Démonstration DataTable
        <hr />
    <h:form>
        <p:dataTable id="multiPersonnes" var="personne"
            value="#{indexPageBean.personneDataModel}" paginator="true" rows="10"
            selection="#{indexPageBean.selectedPersonnes}"
            rowStyleClass="#{personne.selectionnable ? 'active' : 'passive'}"
            >
 
            <f:facet name="header">  
            Checkbox Based Selection  
            </f:facet>
 
            <p:column selectionMode="multiple" style="width:2%" />
 
            <p:column headerText="Nom" style="width:25%">  
            #{personne.nom}  
        </p:column>
 
            <p:column headerText="Prénom" style="width:25%">  
            #{personne.prenom}  
        </p:column>
 
        </p:dataTable>
        <p:commandButton value="Go" actionListener="#{indexPageBean.doJob()}"></p:commandButton>
    </h:form>
</h:body>
 
</html>

et le fichier CSS :

Code :

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

1
2
3
4
5
6
7
8
.active {
 
}
 
.passive td.ui-selection-column div.ui-chkbox
{
    display : none;
}

Ca fonctionne, mais c'est un peu de la "bidouille" je trouve.

[Kwadz]

En effet je crois qu'il n'y a pas d'autre choix que de bidouiller un peu sur ce coup là. Sans compter que la valeur d'une checkbox en disabled n'est pas soumise aux formulaires, il y a donc quelques traitements JavaScript supplémentaires à prévoir.
Merci pour ces précisions.