Discussion :

[toMuch]

Bonjour,

actuellement, j'utilise les technologies jsf et richfaces pour mettre en place un tableau avec une colonne contenant une checkbox sur chaque ligne. En entête de cette colonne, j'ai une checkbox dite globale qui dès lors qu'on la coche coche toutes les autres.

code la page html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<rich:column width="5%" label="action" id="colonne_checkbox">
						<h:selectBooleanCheckbox id="selectElement" value="#{Action.checkbox}" 
							<a4j:support event="onclick" action="#{Action.selected}" reRender="#{Action.checkbox}" process="exportPdf" />
						</h:selectBooleanCheckbox>
						<f:facet name="header">
							<h:selectBooleanCheckbox id="selectAllElement" value="#{Action.checkboxAll}" >
								<a4j:support event="onclick" action="#{Action.cocherAll}" process="selectAllElement" reRender="selectElement"/>
							</h:selectBooleanCheckbox>
						</f:facet>
					</rich:column>
				</rich:extendedDataTable>

Pour cela, j'ai utilisé des requêtes serveurs avec un code qui est celui-ci :

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
public void selected(){
		listSelect.add(extendedDataTable.getRowData());
	}
 
		public void cocherAll(){
 
		int size=extendedDataTable.getRowCount();
		if(checkboxAll){
			for(int i=0;i<size;i++){
				this.extendedDataTable.setRowIndex(i);
				this.checkbox = true;
			}
		}else{
			for(int i=0;i<size;i++){
				this.extendedDataTable.setRowIndex(i);
				this.checkbox = false;
			}
		}
	}

Cependant, cela alourdi mon appli car les requêtes sont fait coté serveur. J'aimerais pouvoir faire cela coté javascript mais je ne vois pas trop comment. Si quelqu'un pouvait m'aider.

De plus, lorsque l'on clique la checkobx globale, toutes les autres checkbox doivent être cochées. et quand on en décoche une, la checkbox globale doit être décochée mais je n'arrive pas à mettre en place cette action.

Si quelqu'un pouvait m'aider... Merci beaucoup par avance !

[vhalalla]

Bonjour,

Je n'ai pas testé le lien suivant, mais peut être ca te donnera une idée de départ?

http://community.jboss.org/wiki/Rich...atableCheckbox

[Sniper37]

ton tableau contient combien de ligne??

ça ne doit pas prendre beaucoup de temps d'exécution, s'il y'a uen solution jaavscript, elle sera plus compliquée et difficile à maintenir.

Une solution plus simple consiste à ajouter dans ton objet de la table un boolean qui représente la booleanCheckBox et si tu récupère l'objet directement d'une base de données, tu peux ajouter une liste de booléen de la même taille de la dataTable.
Dans chaque ligne tu peux avoir:

Code :

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

1
2
3
<h:selectBooleanCheckbox value="#{list.selected}" id="radio">
<a4j:support event="onselect" reRender="table" />
</h:selectBooleanCheckbox>

selected est l'attribut du bean qui représente le fait que la ligne a été selectionnée ou pas.

Pour tout sélectionner, un checkBox dans le header et une action qui parcoure toute la liste pour mettre ce booléen à true.

[DevServlet]

J'avais déjà été confronté à ce souci dans un projet, si ton tableau est statique alors tu pourras le faire en js, mais je bloquais en js parceque le nombre d'éléments du tableau pouvait augmenter sur un clic. Si les lignes de ton tableau n'augmentent pas entre le chargement et la sauvegarde de la page, alors voila ce que tu vas faire:
-Tu génères le code source de la page et regarde le DOM crée, tu verras les id des champs générés , et tu crées une fonction js qui est automatiquement appelée pour gerer tes checkbox. Tu peux nous montrer ce code source si tu veux.