Binding avec filtre dans un ListView

Version imprimable

1 pièce(s) jointe(s)

Bonjour à tous,

Je suis dessus depuis 2 jours, je crois que j'ai tout essayé

J'aimerais faire quelque chose comme ça :
Pièce jointe 195069

En fait, c'est une liste d' "intervenants".
Un intervenant possède un id (caché), un type (Combobox) et un contact (Autocomplete).

Le comportement est simple :
- On clique sur ajouter => Un élément vide vient d'ajouter dans la liste.
- On renseigne le type dans la Combobox, puis on saisit du texte dans l'AutoComplete => Le nom des contacts correspondants au type choisit s'affiche et on en choisit un.

Rien à faire, l'autocomplete fonctionne mais lorsque je sauve, les datas "intervenants" sont vides ou non modifiées.
Par contre, le type lui, est bien changé si je change la valeur du Combobos, c'est au niveau de l'autocomplete qu'il y a un souci.

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
                <ListView x:Name="lvInterv" ItemsSource="{Binding ElmtInfo.intervenants, Mode=TwoWay}" HorizontalAlignment="Stretch" Style="{StaticResource lvTrans}">
                    <ListView.View>
                        <GridView>
                            <GridViewColumn Width="Auto">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate>
                                        <StackPanel Orientation="Horizontal">
                                            <ComboBox Grid.Column="0" x:Name="cbTypesInt" Margin="2" SelectedValue="{Binding typeInt}" HorizontalAlignment="Stretch" 
                        ItemsSource="{Binding Interv.ElmtsTypes.items, Source={StaticResource Locator}}" HorizontalContentAlignment="Stretch">
                                                <i:Interaction.Triggers>
                                                    <i:EventTrigger EventName="SelectionChanged" >
                                                        <Classes:ActionCbb2AcbOnSelChange TargetObject="{Binding ElementName=acInterv}" />
                                                    </i:EventTrigger>
                                                </i:Interaction.Triggers>
                                            </ComboBox>
                                            <Toolkit:AutoCompleteBox Grid.Column="1" x:Name="acInterv" Margin="2" FilterMode="None" IsTextCompletionEnabled="False"
				        SelectedItem="{Binding ." Populating="acInterv_Populating" HorizontalAlignment="Stretch" >
                                                <Toolkit:AutoCompleteBox.ItemTemplate>
                                                    <DataTemplate>
                                                        <StackPanel Orientation="Horizontal">
                                                            <Label Content="{Binding contact.id}" Width="30" Foreground="DarkGray" />
                                                            <Label Content="{Binding contact.firstName}" />
                                                            <Label Content="{Binding contact.lastName}" FontWeight="Bold" />
                                                        </StackPanel>
                                                    </DataTemplate>
                                                </Toolkit:AutoCompleteBox.ItemTemplate>
                                            </Toolkit:AutoCompleteBox>
                                        </StackPanel>
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                            </GridViewColumn>
                            </GridViewColumn>
                        </GridView>
                    </ListView.View>
                </ListView>

Avez vous une idée ?

12/12/2015, 14h32
ikeas

pour faire un filtre facilement avec wpf
regarde du coté des collection source
ICollectionSource
tu as tout dedans
tu bind ta collection normalement
puis tu reccup le ICollectionSource
et enfin tu active le filtre

si tu veux un exemple je te le filerais
12/12/2015, 14h48
dacid

Salut Ikeas,

Oui, j'ai déjà manipulé un ICollectionSource, je connais.
Le soucis, c'est de greffer le Autocomplete au Binding de l'item complet du ListView (intervenant), et pas juste un se des sous élément (contact).
Dans ce deuxième cas, j'y arrive, par contre, je ne récupère pas l'id de l'intervenant.

Je n'arrive pas par exemple à lui dire {Binding .} et à son ItemTemplate, mettre contact.id. Ca ne fonctionne pas. Pas contre, dans le contenu, il affiche le ToString() de l'objet intervenant. C'est ça qui est étrange.
Mais rien à faire pour le setter.
14/12/2015, 07h16
ikeas

j'ai pas bien tout compris a ce que tu veux faire
tu peux pas me faire un projet pour m'expliquer pas seulement du code j'irais plus vite sur la compréhension
14/12/2015, 11h38
dacid

1 pièce(s) jointe(s)

Bonjour Ikeas,

Voilà, j'ai fait mon cas de figure de façon isolé et autonome (en vrai, je te rassure, c'est plus propre).
Pièce jointe 195198

A cause du poids, je n'ai pas pu mettre les nuget, mais il faut juste ajouter MVVMLight et DataAnnotations (CommonServiceLocator.1.3).
Ah, et peut être le toolkit (dans la boite à outil, faite click droit / choisir des éléments) => AutocompleteBox, et en faire glisser un sur la fenêtre (pour le supprimer ensuite).

Le cas de figure est d'ajouter un nouvel intervenant (btn ajouter), de filtrer sur un type (combobox), de choisir un intervenant (AutoComplete).

Et le problème est que lorsque l'on clique sur le bouton valider, l'intervenant ajouté est vide, l'autocomplete ne l'a pas bindée au datacontext.

[EDIT]
Projet complet ici : https://mega.nz/#!OswSXZ4B!7d9311-ZG...nmSkuzDJo5xbK0

Bon, je me suis dit que c'était peut être l'AutoComplete qui déconnait, je me suis donc fait un exemple minimaliste avec juste un Combobox et un label (pour voir si la valeur changeait).
Plus simple, tu meurs :

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
                <ListView x:Name="lvInterv" ItemsSource="{Binding ElmtInfo.intervenants, Mode=TwoWay}" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch" Style="{StaticResource lvTrans}">
                    <ListView.View>
                        <GridView>
                            <GridViewColumn>
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate>
                                        <StackPanel Orientation="Horizontal">
                                            <ComboBox x:Name="cbInt" Margin="2" SelectedItem="{Binding Path=., Converter={StaticResource AcbConverter}, Mode=TwoWay}" 
                                                ItemsSource="{Binding Interv.Elmts.items, Source={StaticResource Locator}}" >
                                                <ComboBox.ItemTemplate>
                                                    <DataTemplate>
                                                        <StackPanel Orientation="Horizontal">
                                                            <Label Content="{Binding Path=id}" Width="30" Foreground="DarkGray" />
                                                            <Label Content="{Binding Path=typeInt.name}" />
                                                            <Label Content="{Binding Path=contact.firstName}" />
                                                            <Label Content="{Binding Path=contact.lastName}" FontWeight="Bold" />
                                                        </StackPanel>
                                                    </DataTemplate>
                                                </ComboBox.ItemTemplate>
                                            </ComboBox>
                                        </StackPanel>
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                            </GridViewColumn>
                            <GridViewColumn Width="Auto">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate>
                                        <Label Content="{Binding id, Mode=OneWay}" />
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                            </GridViewColumn>
                        </GridView>
                    </ListView.View>
                </ListView>

Et là, ça ne marche pas... Lorsque l'on change de valeur dans la CB, le label ne change rien.
Il n'arrive même pas à mettre la CB sur le bon élément au chargement. :(
J'ai mis un converter "AcbConverter" juste pour débugger (aucun traitement), et lors du Convert, le targetType, est de type "object", pas "intervenant". Je ne sais pas si c'est normal.
Et de plus, il ne passe jamais par le ConvertBack.

Est ce que quelque chose m'échappe dans la ListView ?

14/12/2015, 17h18
dacid

l'autocomplete peut-il binder l'objet instancié de l'item conteneur ?

Même problème sur le DataGrid... Je crois que WPF ne sais pas attribuer un objet en deux temps.
J'aimerais reprendre le souci de Zéro, je suis surement mal parti :

Comment faire pour avoir un comportement et une interface comme l'image du premier post ? (le plus simplement possible)
0. Un a un formulaire qui affiche l'objet P, qui a une liste de I.
1. On clique sur "Ajouter", ça ajoute un élément de type I, mais VIDE (pas null) à la liste de données => Nouvelle ligne Ligne.
2. Une fois dans la liste, on attribue à I un élément existant dans la BDD => I1.
2bis. Aller hop, on est fou, on en met un 2ème et on l'attribue => I2.
3. On valide le formulaire et, ho miracle, on retrouve P avec sa collection d'éléments I1 et I2.

La particularité n'est pas de modifier un sous élément de l'objet bindé à DataGridRow mais l'objet lui même.

Quelqu'un a déjà fait ça ? :roll:

Merci d'avance.