Discussion :

[friedamichelle]

Mon but c'est d'avoir un checkBox qui permet de corcher tous les chechBox d'un tableau fait avec RichFaces
et quand je décroche que tous les checkBox du tableau soient aussi décrochés.

j'ai du mal parce que à la génération du html les id des mes champs sont jamais les même; ils sont générés je pense :

mon code js:

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
 
 
function selectAll(Form, FormCheckAll) {
		    var i, n = 0 ;
		    var oElement ;
			var formName = document.forms[Form];
			var formNameCheckAll = document.forms[FormCheckAll];
			var oElementAll = formNameCheckAll.elements[0].checked;
 
			 if(oElementAll == false){			 
			    for ( i = 0 ; i < formName.elements.length ; i++ ) {
			        oElement = formName.elements[i] ;
			        if ( oElement.tagName.toLowerCase() == "input" ) {
			            if ( oElement.type.toLowerCase() == "checkbox" ) {
				                     oElement.checked = false;								
							}
			            }
			        }
			}
 
			else{			 
			    for ( n = 0 ; n < formName.elements.length ; n++ ) {
			        oElement = formName.elements[n] ;
			        if ( oElement.tagName.toLowerCase() == "input" ) {
			            if ( oElement.type.toLowerCase() == "checkbox" ) {
				                     oElement.checked = true;								
							}
			            }
			        }
			}
 
		}

JSF:

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
 
 
 
<rich:tabPanel>
		<rich:tab label="Found">
 
<h:form name="tabform" >
 
		<rich:dataTable id="dataTable" value="#{monBean.Users}" var="data" rows="20" rowClasses="row1, row2" >
 
		<rich:column>
 
			<h:selectBooleanCheckbox  id="check_list" value="#{data.selected}"/>
 
		</rich:column>
 
		    <rich:column sortBy="#{data.Idnumber}">  
 
						<core:facet name="header">
							<h:outputText value="Person Id" />
						</core:facet>				
						<h:outputText value="#{data.Idnumber}" />
 
		    </rich:column>
 
              <rich:column sortBy="#{data.Name}">  
 
						<core:facet name="header">
							<h:outputText value="Person Name" />
						</core:facet>				
						<h:outputText value="#{data.Name}" />
 
		    </rich:column>					
 
 
		</rich:dataTable>
 
<form name="check_all_invoices">
	<u>Sélectionner toutes Peronnes</u>
	<input type="checkbox" id="check_all" value="" onclick='selectAll("j_id14:_form","check_all_invoices");'/>
</form>
 
<rich:datascroller id="scroller1"  for="dataTable" reRender="scroller1" align="center"  />	
 
 
 
</h:form>
 
</rich:tab>

[hibour]

Bonjour
Voici un lien qui résout la même problématique http://ruleoftech.com/journal/using-...ble-components
a++