ComboBox ItemTemplate Error lors de la sélection

Version imprimable

1 pièce(s) jointe(s)

Bonjour à tous,

J'ai créé un ComboBox de la manière suivante :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<StackPanel Margin="5,0,5,0">
                    <TextBlock Text="Ajoutez un ingrédient" HorizontalAlignment="Center"/>
                    <ComboBox ItemsSource="{Binding IngredientListeSource}" 
                                SelectedItem="{Binding SelectedIngredient}"
                                IsEditable="True" IsTextSearchCaseSensitive="False">
                        <ComboBox.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="{Binding Name}"/>
                                    <TextBlock Text=" ("/>
                                    <TextBlock Text="{Binding IDmesure}"/>
                                    <TextBlock Text=")"/>
                                </StackPanel>
                            </DataTemplate>
                        </ComboBox.ItemTemplate>
                    </ComboBox>
                </StackPanel>

L'ItemsSource est bien chargé (aucun soucis).
Le point bloquant vient lors de la sélection d'un "item" (comme vous pouvez le voir sur l'image ci-dessous)
Pièce jointe 560880

La propriété SelectedIngredient du ViewModel est la suivante :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
private Ingredient _selectedIngredient;
        public Ingredient SelectedIngredient
        {
            get
            {
                return _selectedIngredient;
            }
            set
            {
                _selectedIngredient = value;
                OnPropertyChanged("SelectedIngredient");
            }
        }

L'itemsSource du ComboBox est bindé sur une ObservableCollection qui récupère ses données via la fonction :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
private List<Ingredient> getIngredientListeSource()
        {
            List<Ingredient> itemListe = new List<Ingredient>();
 
            foreach (var item in IngredientProvider.selectAll())
            {
                itemListe.Add(new Ingredient 
                {
                    Name = item.Name,
                    IDmesure = item.IDmesure,
                });
            }
 
            return itemListe;
        }

Je ne trouve pas d'où peut venir le problème.
Je cale pour ce soir :koi:

Auriez-vous une petite idée ?

28/04/2020, 10h58
iR3SH

Quel erreur t'es retourné ? Que contient ta variable _selectedIngredient au moment du bug ?
28/04/2020, 11h20
zeratec

1 pièce(s) jointe(s)

Citation:

Envoyé par iR3SH

Quel erreur t'es retourné ? Que contient ta variable _selectedIngredient au moment du bug ?

Aucune erreur n'est retournée dans la console. :?

Pièce jointe 560991

_selectedIngredient est de type "Ingredient" (car apres j'ajoute la donnée dans un listView (qui fonctionne bien malgré le bug dans l'affichage du combobox).
La propriété SelectedItem du comboBox doit normalement être de type "string" (j'ai vu ça en fouillant Google :) )

En fait ça retourne bien ce qui est demandé.. mais pas ce que j'attendais :p . Ce que je n'arrive pas à faire c'est comment récupérer le bon format (si je peux m'exprimer ainsi) :/
28/04/2020, 12h58
zeratec

La liste du comboBox est une liste d'objet et non une liste de string.

La propriété "SelectedItem" tente de convertir un objet (typé "Ingredient") en string. C'est donc normal qu'il m'affiche "HomeManager.Models.Ingredient".

La compréhension du problème avance :)

Bonjour,

Je reviens sur ce sujet.
J'ai réussi à trouver une solution.

Pour réussir à afficher correctement la sélection dans le ComboBox, j'ai du overrider la propriété ToString() de la classe "Ingredient" de cette manière : (les autres codes n'ont pas changé)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 #region Properties public string IDingredient { get; set; } public string Name { get; set; } public string IDmesure { get; set; } #endregion Properties #region Public Method public override string ToString() { return $"{this.Name} ({this.IDmesure})"; } #endregion Public Method
Cette méthode fonctionne bien. Seulement, si par la suite vous avez besoin d'utiliser la propriété ToString() sur un object "Ingredient" il faudra penser qu'elle aura été overridée ;)
De plus, la propriété "IsEditable" seule, du fichier .xaml, ne gère pas si la chaîne de caractère insérée correspond à un des items de la liste du comboBox.
Pour se protéger vous devrez utiliser la propriété "IsReadOnly" comme l'indique la doc Microsoft.

Ce n'est pas la méthode que j'ai retenu.
En effet, la propriété "IsEditable" est trop contraignante, car pour outre passer le problème nous devons overrider la propriété ToString().
Pour éviter ça, il faut supprimer la propriété "IsEditable", et la remplacer par la propriété " TextSearch.TextPath = "Name" ".
"TextSearch.TextPath" prend en paramètre (ici "Name") le nom de la propriété que vous souhaitez afficher.

Voici donc le code avec modification :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ComboBox ItemsSource="{Binding IngredientListeSource}" SelectedItem ="{Binding SelectedIngredient}" TextSearch.TextPath = "Name"> <ComboBox.ItemTemplate> <DataTemplate> <StackPanel Orientation="Horizontal"> <TextBlock Text="{Binding Name}"/> <TextBlock Text=" ("/> <TextBlock Text="{Binding IDmesure}"/> <TextBlock Text=")"/> </StackPanel> </DataTemplate> </ComboBox.ItemTemplate> </ComboBox>