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.