Discussion :

[johnaliashead]

Bonjour,

voilà j'ai une appli SL4 qui utilise MVVM et qui "bind" une ObservableCollection a un itemsControl. Seulement voilà, ces résultats s'affichent en ligne, et ce que je souhaiterai, ça serait de les avoir en colonne.

J'aimerai utiliser pour cela un stackPanel horizontal en alimentant "dynamiquement" les composantes de ce stackPanel via mon ItemsControl. Voici actuellement mon ItemControl:

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<ItemsControl x:Name="monItemsControl" ItemsSource="{Binding maListe, Mode=TwoWay, UpdateSourceTrigger=Default}">
                    	<ItemsControl.ItemTemplate>
                    		<DataTemplate>
                    			<sdk:Label Content="{Binding nomObjet, Mode=TwoWay, UpdateSourceTrigger=Default}" HorizontalAlignment="Left"   VerticalAlignment="Top"/>
                    		</DataTemplate>
                    	</ItemsControl.ItemTemplate>
                    </ItemsControl>

Reste à savoir maintenant comment disposer mes items en colonne..
quelqu'un sait il comment résoudre ce pb?

[Samuel Blanchard]

Il faut que tu définisses un ItemsPanel à ton ItemsControl afin d'indiquer comment les élements doivent se comporter (position et taille).

Dans ton cas c'est assez simple :

Code XML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<ItemsControl x:Name="monItemsControl" ItemsSource="{Binding maListe, Mode=TwoWay, UpdateSourceTrigger=Default}">
 
                            <ItemsControl.ItemsPanel>
                                  <ItemsPanelTemplate>
                                       <StackPanel Orientation="Horizontal"/>
                                  </ItemsPanelTemplate>
                            </ItemsControl.ItemsPanel>
 
                    	<ItemsControl.ItemTemplate>
                    		<DataTemplate>
                    			<sdk:Label Content="{Binding nomObjet, Mode=TwoWay, UpdateSourceTrigger=Default}" HorizontalAlignment="Left"   VerticalAlignment="Top"/>
                    		</DataTemplate>
                    	</ItemsControl.ItemTemplate>
                    </ItemsControl>

Cette facon de faire est assez pratique, car tu peux positionner/tailler tes éléments n'importe comment à partir du moment ou tu possèdes le panel adéquat.

[johnaliashead]

merci c'est ce qu'il me fallait !!