Que fait cet exemple de code MSDN? - ItemsControl.ItemTemplate

Question

Ceci est un exemple de code XAML pris du MSDN library article pour la propriété ItemsControl.ItemTemplate:

<ListBox Width="400" Margin="10" ItemsSource="{Binding Source={StaticResource myTodoList}}"> 
<ListBox.ItemTemplate> 
<DataTemplate> 
<StackPanel> 
<TextBlock Text="{Binding Path=TaskName}" /> 
<TextBlock Text="{Binding Path=Description}"/> 
<TextBlock Text="{Binding Path=Priority}"/> 
</StackPanel> 
</DataTemplate> 
</ListBox.ItemTemplate> 
</ListBox> 

Je cherche une explication de l'utilisation de l'élément est <StackPanel> cet exemple.
->
Où ce panneau va-t-il exister dans la ListBox?
Quel est son rôle dans ItemTemplate?
Peut-on utiliser un System.Windows.Controls.Panel à sa place, en particulier une grille?
Comment utiliser un élément <Grid> comme modèle pour chaque élément de la ListBox?

Voici le concept que je vais faire:

http://img151.imageshack.us/img151/7960/graphconcept.png

J'ai dessiné le graphique en utilisant un élément <Path>, et il n'y a pas de problèmes. Je travaille sur les étiquettes pour les axies, et j'expérimente l'utilisation d'un élément <Grid> dans le ItemTemplate - mais je ne sais pas comment la grille est censée fonctionner dans ce contexte, et MSDN ne dit rien à propos de le panneau dans leur exemple de code.

Mon XAML pour les étiquettes de l'axe Y ressemble actuellement à ceci:

<ListBox Background="Transparent" BorderThickness="0" ItemsSource="{Binding Path=GraphLabelYData}"> 
<ListBox.ItemTemplate> 
<DataTemplate> 
<Grid> 
<Grid.RowDefinitions> 
<RowDefinition Height="{Binding Path=GraphLabelSpacing}" /> 
</Grid.RowDefinitions> 
<Grid.ColumnDefinitions> 
<ColumnDefinition Width="Auto" /> 
<ColumnDefinition Width="{Binding ElementName=GraphLabelYData, Path=GraphLabelMarkerLength}" /> 
</Grid.ColumnDefinitions> 
<TextBlock HorizontalAlignment="Right" VerticalAlignment="Bottom" Text="{Binding Path=GraphLabelTag}" /> 
<Rectangle Grid.Column="1" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Stroke="Black" Fill="Black" /> 
</Grid> 
</DataTemplate> 
</ListBox.ItemTemplate> 
</ListBox> 

Est-ce que ce regard correct? Rien ne s'affiche au moment de l'exécution, mais je veux m'assurer que le XAML est modélisé correctement avant de débuter le débogage des liaisons de données et du code-behind.

Answer 1

"Où ce panneau va-t-il exister dans le ListBox?" - La zone de liste en crée une copie pour chaque élément de la liste, c'est-à-dire une pour chaque élément de la collection myTodoList. Ainsi, dans chaque élément de la liste, les trois étiquettes seront empilées l'une au-dessus de l'autre.

"Quel est son objectif dans ItemTemplate?" - Pour permettre d'afficher plus d'un contrôle pour chaque élément dans ItemsSource. ItemTemplate, comme beaucoup de choses dans WPF, ne peut prendre qu'un seul élément enfant, donc si vous voulez plusieurs enfants, vous devez spécifier comment vous voulez les disposer, et vous faites cela en ajoutant un panneau (StackPanel dans ce cas).

"Peut-on utiliser un System.Windows.Controls.Panel à sa place, en particulier une grille?" - Tu paries. "Comment utiliser un élément <Grid> comme modèle pour chaque élément de la ListBox?" - De la même manière que vous utiliseriez une grille ailleurs. Ce n'est pas différent. c'est juste que ItemsControl (et son descendant, ListBox) va créer plusieurs instances de votre Grid. Notez, cependant, qu'à l'intérieur du ItemTemplate, votre DataContext sera l'élément de liste en cours, et donc vos {Binding} seront relatifs à cet élément de liste (sauf si vous spécifiez autrement avec, par exemple, ElementName).

"Cela vous semble-t-il correct?" - Cela devrait vraiment être posté comme une question distincte, car il n'est pas lié aux questions sur l'échantillon MSDN, et je ne suis même pas sûr de ce que vous essayez de faire. Mais je vais essayer de répondre: je soupçonne que quelque chose ne va pas, parce que vous utilisez le nom "GraphLabelYData" de deux manières différentes. Dans la ColumnDefinition, autant que je peux dire, vous traitez GraphLabelYData comme le nom d'un élément XAML (ie.vous recherchez un autre contrôle dans la fenêtre/page/UserControl avec Name="GraphLabelYData" ou x:Name="GraphLabelYData", et en lisant la propriété GraphLabelMarkerLength de ce contrôle); mais dans le TextBlock, vous traitez GraphLabelYData comme le nom d'une propriété sur l'élément de collection actuel. Je soupçonne que l'un d'eux n'a pas raison.