Trier GridView (.net 3.5)

Version imprimable

Bonjour,

Je souhaiterai trier une gridView en cliquant sur l'entête des colonnes.
Je développe sous visual studio en .net 3.5, pour une plateforme Windows Serveur 2008.

Voici le code WPF de ma grille :

Code:

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
50
51
52
 
<ListView Margin="12,85,12,12" Name="listViewParcelle" MouseDoubleClick="listView_MouseDoubleClick">
	<ListView.View>
		<GridView AllowsColumnReorder="true">
 
			<GridViewColumn Width="85" DisplayMemberBinding="{Binding par_emp_code_fk}">
				<GridViewColumnHeader Click="gridViewHeader_Click" Tag="CodeParcelle" Content ="Code Parcelle"/>
			</GridViewColumn>
			<GridViewColumn Width="100" DisplayMemberBinding="{Binding par_emp_code_fk, Converter={StaticResource EmplacementLibelleConverter}}" >
				<GridViewColumnHeader Click="gridViewHeader_Click" Tag="NomParcelle" Content="Nom Parcelle" />
			</GridViewColumn>
 
			<GridViewColumn Width="85" DisplayMemberBinding="{Binding par_pro_code_id_fk, Converter={StaticResource ProduitCodeConverter}}">
				<GridViewColumnHeader Click="gridViewHeader_Click" Tag="CodeProduit" Content="Code Produit"/>
			</GridViewColumn>
			<GridViewColumn Width="50" DisplayMemberBinding="{Binding par_pro_code_id_fk, Converter={StaticResource ProduitLibelleConverter}}">
				<GridViewColumnHeader Click="gridViewHeader_Click" Tag="NomProduit" Content="Nom Produit"/>
			</GridViewColumn>
 
			<GridViewColumn Width="50" DisplayMemberBinding="{Binding par_sta_id_fk, Converter={StaticResource StatutConverter}}">
				<GridViewColumnHeader Click="gridViewHeader_Click" Tag="Statut" Content="Statut" />
			</GridViewColumn>
 
			<GridViewColumn Width="50" DisplayMemberBinding="{Binding par_sit_id_fk, Converter={StaticResource SiteConverter}}">
				<GridViewColumnHeader Click="gridViewHeader_Click" Tag="Site" Content="Site" />
			</GridViewColumn>
 
			<GridViewColumn Width="110" DisplayMemberBinding="{Binding par_potentiel_theorique}">
				<GridViewColumnHeader Click="gridViewHeader_Click" Tag="PotentielThéorique" Content="Potentiel Théorique" />
			</GridViewColumn>
			<GridViewColumn Width="110" DisplayMemberBinding="{Binding par_potentiel_atteint}">
				<GridViewColumnHeader Click="gridViewHeader_Click" Tag="PotentielAtteint" Content="Potentiel Atteint" />
			</GridViewColumn>
 
			<GridViewColumn Width="100" DisplayMemberBinding="{Binding par_date_culture, Converter={StaticResource DateConverter}}">
				<GridViewColumnHeader Click="gridViewHeader_Click" Tag="DateCulture" Content="Date Culture" />
			</GridViewColumn>
			<GridViewColumn Width="100" DisplayMemberBinding="{Binding par_date_recolte, Converter={StaticResource DateConverter}}" >
				<GridViewColumnHeader Click="gridViewHeader_Click" Tag="DateRecolte" Content="Date Récolte" />
			</GridViewColumn>
			<GridViewColumn Width="100" DisplayMemberBinding="{Binding par_date_transit, Converter={StaticResource DateConverter}}" >
				<GridViewColumnHeader Click="gridViewHeader_Click" Tag="DateTransit" Content="Date Transit" />
			</GridViewColumn>
			<GridViewColumn Width="100" DisplayMemberBinding="{Binding par_date_receptionne, Converter={StaticResource DateConverter}}" >
				<GridViewColumnHeader Click="gridViewHeader_Click" Tag="DateReception" Content="Date Reception" />
			</GridViewColumn>
			<GridViewColumn Width="100" DisplayMemberBinding="{Binding par_date_transforme, Converter={StaticResource DateConverter}}" >
				<GridViewColumnHeader Click="gridViewHeader_Click" Tag="DateTransforme" Content="Date Transformé" />
			</GridViewColumn>
		</GridView>
	</ListView.View>
</ListView>

Faut-il définir une propriété "AllowSorting" ou exécuter du code sur le gridViewHeader_Click() ?

Merci d'avance
Cédrick.

07/03/2011, 16h31
tomlev

Citation:

Envoyé par VI Carrieres

ou exécuter du code sur le gridViewHeader_Click() ?

C'est à peu près ça... ou alors tu peux utiliser la solution que j'ai publiée ici

Cette fonctionnalité est aussi disponible (sous une forme légèrement différente) dans la librairie Dvp.NET

Bonjour,
Merci pour ta réponse et t'a rapidité.

J'ai essayé ta nouvelle Class avec les flèches de tri (ici) Et cela fonctionne plutôt bien avec mon premier champ "par_emp_code_fk".
Par contre, j'ai deux nouveaux problème qui sont apparu!

1er :
Une exception :

Citation:

System.InvalidOperationException : Impossible de comparer deux éléments dans le tableau.

Sur la ligne :

Code:

view.SortDescriptions.Add(new SortDescription(propertyName, direction));

de ta class, pendant le tri.
J'ai un peu débogué et je me suis aperçu que cela arrive si une cellule de la colonne trié était null.
J'utilise, pour le binding de la grille, un DataSet fortement typée dont certain champ peuvent prendre la valeur null.
Une idée ?

2ème :
J'ai des "data converter" pour mettre en forme les données de la grille.
Est-il possible d'effectuer le tri sur les données affiché?
J'ai essayé ça :

Code:

<GridViewColumn Header="Nom Parcelle" DisplayMemberBinding="{Binding par_emp_code_fk, Converter={StaticResource EmplacementLibelleConverter}}" c:GridViewSort.PropertyName="EmplacementLibelleConverter" />

Mais sans succès.

Voici mon code xaml, celui-ci n'a pas beaucoup changé.

Code:

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
 
<Window
x:Class="MY_NAME_SPACE.WindowMain"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:dg="http://schemas.microsoft.com/wpf/2008/toolkit"
xmlns:c="clr-namespace:MY_NAME_SPACE">
<Window.Resources>
	<c:EmplacementLibelleConverter x:Key="EmplacementLibelleConverter"/>
	...
</Window.Resources>
<ListView Margin="12,85,12,12" Name="listViewParcelle" MouseDoubleClick="listView_MouseDoubleClick" IsSynchronizedWithCurrentItem="True" c:GridViewSort.AutoSort="true">
	<ListView.View>
		<GridView AllowsColumnReorder="true">
			<GridViewColumn Header="Code Parcelle" Width="85" DisplayMemberBinding="{Binding par_emp_code_fk}" c:GridViewSort.PropertyName="par_emp_code_fk" />
			<GridViewColumn Header="Nom Parcelle" Width="100" DisplayMemberBinding="{Binding par_emp_code_fk, Converter={StaticResource EmplacementLibelleConverter}}" c:GridViewSort.PropertyName="EmplacementLibelleConverter" />
 
			<GridViewColumn Header="Code Produit" Width="85" DisplayMemberBinding="{Binding par_pro_code_id_fk, Converter={StaticResource ProduitCodeConverter}}" c:GridViewSort.PropertyName="par_pro_code_id_fk" />
			<GridViewColumn Header="Nom Produit" Width="50" DisplayMemberBinding="{Binding par_pro_code_id_fk, Converter={StaticResource ProduitLibelleConverter}}" c:GridViewSort.PropertyName="ProduitLibelleConverter"/>
 
			<GridViewColumn Header="Statut"  Width="50" DisplayMemberBinding="{Binding par_sta_id_fk, Converter={StaticResource StatutConverter}}" c:GridViewSort.PropertyName="StatutConverter" />
 
			<GridViewColumn Header="Site"  Width="50" DisplayMemberBinding="{Binding par_sit_id_fk, Converter={StaticResource SiteConverter}}" c:GridViewSort.PropertyName="SiteConverter" />
 
			<GridViewColumn Header="Potentiel Théorique" Width="110" DisplayMemberBinding="{Binding par_potentiel_theorique}" c:GridViewSort.PropertyName="par_potentiel_theorique" />
			<GridViewColumn Header="Potentiel Atteint"  Width="110" DisplayMemberBinding="{Binding par_potentiel_atteint}" c:GridViewSort.PropertyName="par_potentiel_atteint" />
 
			<GridViewColumn Header="Date Culture" Width="100" DisplayMemberBinding="{Binding par_date_culture, Converter={StaticResource DateConverter}}" c:GridViewSort.PropertyName="DateConverter" />
			<GridViewColumn Header="Date Récolte" Width="100" DisplayMemberBinding="{Binding par_date_recolte, Converter={StaticResource DateConverter}}" c:GridViewSort.PropertyName="DateConverter" />
			<GridViewColumn Header="Date Transit" Width="100" DisplayMemberBinding="{Binding par_date_transit, Converter={StaticResource DateConverter}}" c:GridViewSort.PropertyName="DateConverter" />
			<GridViewColumn Header="Date Reception" Width="100" DisplayMemberBinding="{Binding par_date_receptionne, Converter={StaticResource DateConverter}}"  c:GridViewSort.PropertyName="DateConverter" />
			<GridViewColumn Header="Date Transformé" Width="100" DisplayMemberBinding="{Binding par_date_transforme, Converter={StaticResource DateConverter}}" c:GridViewSort.PropertyName="DateConverter" />
		</GridView>
	</ListView.View>
</ListView>
</Window>

Ps :Je n'ai pas encore essayé Dvp.net.
Cédrick

08/03/2011, 14h08
tomlev

Citation:

Envoyé par VI Carrieres

1er :
Une exception : System.InvalidOperationException : Impossible de comparer deux éléments dans le tableau.
Sur la ligne :

Code:

view.SortDescriptions.Add(new SortDescription(propertyName, direction));

de ta class, pendant le tri.
J'ai un peu débogué et je me suis aperçu que cela arrive si une cellule de la colonne trié était null.
J'utilise, pour le binding de la grille, un DataSet fortement typée dont certain champ peuvent prendre la valeur null.
Une idée ?

Tiens, j'avais jamais remarqué ce problème... je vois pas trop comment on peut gérer ça :?
Le problème est qu'un null dans une DataTable n'est pas null mais DBNull, et on ne peut pas comparer DBNull avec un objet d'un autre type. Je n'ai pas vraiment de solution à te proposer (à part ne plus utiliser de DataSet :aie:)

Citation:

Envoyé par VI Carrieres

2ème :
J'ai des "data converter" pour mettre en forme les données de la grille.
Est-il possible d'effectuer le tri sur les données affiché?
J'ai essayé ça :

Code:

<GridViewColumn Header="Nom Parcelle" DisplayMemberBinding="{Binding par_emp_code_fk, Converter={StaticResource EmplacementLibelleConverter}}" c:GridViewSort.PropertyName="EmplacementLibelleConverter" />

Mais sans succès.

Non, pas possible a priori... par contre tu pourrais peut-être ajouter à tes données une propriété qui renvoie directement la valeur à afficher ? Ce serait sans doute le plus simple...

Citation:

Envoyé par VI Carrieres

Ps :Je n'ai pas encore essayé Dvp.net.

A priori il y aura les mêmes problèmes, vu que l'implémentation est quasi-identique. C'est juste les noms des classes et propriétés qui ont un peu changé (voir ici)