aligner horizontalement un itemsControl

Version imprimable

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:

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?

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:

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.

02/02/2011, 14h31
johnaliashead

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