Discussion :

[Tan]

Bonjour,

Je veux une datagrid dont la première colonne contient des checkbox. Jusqu'à là, pas de problème.

Je veux ensuite, avoir une checkbox en entête qui sélectionne/déselectionne le tout. Et là je galère, j'ai trouvé pas mal d'exemple MX, ou d'exemple qui utilise la sélection d'une ligne pour cocher décocher la case, ce n'est pas ce que je veux.

Je veux que les cases cochées soit indépendantes des lignes sélectionnées et je veux le tout en Spark.

Etape 1:

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
 
<s:DataGrid id="lstClasse" dataProvider="{classeProvider}">
	<s:columns>
		<s:ArrayList>
			<s:GridColumn id="sel" dataField="@sel" headerText="" rendererIsEditable="true">
				<s:itemRenderer>
					<fx:Component>
						<s:GridItemRenderer>
							<s:CheckBox id="cb" selected="{data.@sel== 'true' ? true : false}"/>	
						</s:GridItemRenderer>
					</fx:Component>
				</s:itemRenderer>
				<s:headerRenderer>
					<fx:Component>
						<s:GridItemRenderer>
							<s:CheckBox id="cbH"/>
						</s:GridItemRenderer>
					</fx:Component>
				</s:headerRenderer> 
			</s:GridColumn>
			<s:GridColumn dataField="@code" headerText="Code"/>
			<s:GridColumn dataField="@lib_long" headerText="Libellé"/>
		</s:ArrayList>
	</s:columns>
</s:DataGrid>

Visuellement c'est bon, mais il n'y a pas d'interaction entre les lignes et la checkbox en entête.

J'ai tenté diverses choses, mais rien de concluant.

Faut-il que je passe par le dataProvider, que je manipule directement les checkbox?

Après avoir nagé un peu, j'aimerai m'orienter vers une piste correcte...

Cordialement.
:

[vilveq]

Bonjour,

je pense qu'il n'y a rien de vraiment compliqué.
Tu intercepte de changement d'état de ta checkbox d'entête.

Tu pacours ton dataProvider de ta grille et tu change ton data.@sel à true ou false en fonction de si tu as coché ou décoché la checkbox d'entête, et voilà, rien d'autre à faire.

[Tan]

Oui, j'avais du mal à capturer à communiquer entre le header et les lignes, mais au final c'est bon.

Merci