Binding sur combobox

Version imprimable

Bonjour à tous

J'ai un petit souci de binding sur combobox.

Voici ce que je réalise :

Code:

1
2
3
4
5
6
7
8
9
 
<ComboBox Name="CmbImgs" Height="66" Margin="24,172,148,0" VerticalAlignment="Top" Width="233" SelectedIndex="0">
                <ItemsControl ItemsSource="{Binding ComboItems,Mode=OneWay}"/>
                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <Image Source="{Binding Bmp}" Width="100" Stretch="Uniform"/>
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>

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
 
class ListImgScreenViewModel:ViewModel
    {
        DirectoryInfo DirImg = new DirectoryInfo(@"C:\Images");
 
        public List<ImgScreenViewModel> ComboItems
        {
            get
            {
                List<ImgScreenViewModel> aList = new List<ImgScreenViewModel>();
 
                foreach (FileInfo aFile in DirImg.GetFiles())
                {
                    aList.Add(new ImgScreenViewModel(aFile));
                }
 
                return aList;
            }
        }
 
        public ListImgScreenViewModel()
        { }
 
        public class ImgScreenViewModel:ViewModel
        {
            FileInfo _File;
 
            public BitmapImage Bmp
            {
                get
                {
                    BitmapImage aBmpImg = new BitmapImage();
                    aBmpImg.BeginInit();
                    aBmpImg.UriSource = new Uri(_File.FullName);
                    aBmpImg.EndInit();
 
                    return aBmpImg;
                }
            }
 
            public ImgScreenViewModel(FileInfo theFile)
            {
                _File=theFile;
            }
        }
    }

Malheureusement rien ne s'affiche.
Au départ je passais une liste d'objet sans template et je me retrouvait avec toutes mes images en un seul bloc.

Bref il doit manquer un petit truc moi je n'arrive pas à voir quoi.
Ou bien ma méthode est elle complétement erronée?

Merci.

Essaies ça :

Code:

1
2
3
4
5
6
7
8
 
<ComboBox Name="CmbImgs" Height="66" Margin="24,172,148,0" VerticalAlignment="Top" Width="233" SelectedIndex="0" ItemsSource="{Binding ComboItems,Mode=OneWay}" >
                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <Image Source="{Binding Bmp}" Width="100" Stretch="Uniform"/>
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>

Remarque que j'ai enlevé l'élément ItemsControl et ajoué l'attribut ItemsSource="{Binding ComboItems,Mode=OneWay}" dans l'élément ComboxBox lui même.

Si cela ne marche pas essaies de mettre un Height à ton élément Image. :ccool:

14/03/2011, 08h40
NejNej

Merci ça marche nickel, même si je vois pas pourquoi.
15/03/2011, 10h33
titourock

Bonjour,

Dans ton exemple, tu veux que ta combobox affiche ta liste d'images mais tu as fait quelquechose d'étrange : ta source de données est bindée sur l'ItemsSource d'un ItemsControl (pourquoi pas) mais la façon d'afficher (le datatemplate) est géré par la combobox qui...n'est liée à aucune donnée...

Cela n'est donc pas anormal que rien ne s'affiche avec ton exemple.

En espérant que cela t'aide.
15/03/2011, 13h35
Invité

Là n'est pas la question :roll:

La question c'est de savoir pourquoi avoir défini un ItemsControl dans un ComboBox (illogique je pense alors qu'on s'attend à une liste de type ListItem) ?
Et aussi pourquoi le compilateur (à la compilation comme à l'exécution) n'a signalé aucune erreur) ?:ccool:

Moi aussi je veux comprendre. :cry:

Moi ce que je ne vois pas trop c'est la différence entre:
Code:

1 2 3 4 <Combobox ItemsControl.ItemsSource=...> ... </Combobo>
et
Code:

1 2 3 4 5 <Combobox ...> <ItemsControl ItemsSource=.../> ... </Combobo>

15/03/2011, 14h37
binoo
Salut,

Dans le premier cas, tu mets ItemsControl.ItemsSource. L'exemple qui t'a été donné n'avait pas ItemsControl.. Définir la propriété ItemsSource, permet de préciser la collection d'item de la ComboBox.

Le deuxième exemple donne l'effet que tu as décrit dans le premier post, à savoir :

Citation:

Envoyé par NejNej

je me retrouvait avec toutes mes images en un seul bloc.

Car dans ce deuxième cas de figure, tu as ajouté un seul item à ta ComboBox à savoir un ItemsControl qui lui contient toutes les images.

Pour rappel, des item peuvent être ajoutés à la ComboBox de cette manière :
Code:

1 2 3 4 5 6 <ComboBox> <TextBlock Text="1" /> <TextBlock Text="2" /> <TextBlock Text="3" /> <TextBlock Text="4" /> </ComboBox>
15/03/2011, 15h08
titourock

En fait, ce qui t'a peut-être échappé est que le type Combobox dérive du type ItemsControl (cf ici : http://msdn.microsoft.com/en-us/libr....combobox.aspx)

A l'aide de l'ItemsSource d'un ItemsControl (donc a fortiori d'une combobox), tu précises une liste d'objets que tu souhaites afficher.
A l'aide du datatemplate tu précises de quelle façon tu souhaites les afficher.

Pour ce que tu veux faire, il ne faut donc pas mettre de ItemsControl à l'intérieur de ta combobox.

Mais mettre un ItemsControl dans un autre ItemsControl n'est pas faux "en général". C'est même la toute la puissance de WPF qui te permet d'imbriquer des composants graphiques comme des légos...(une exemple serait une combobox affichant une liste de combobox)