Discussion :

[yohann_]

Bonjour,
J'aimerais comprendre comment gérer la gestion d'évènement dont la source se trouve dans un Datatemplate.

Plus précisément :
Je créé un nouveau control que je Template.
Dans mon template j'ai un ItemsControl branché sur une collection myList.
Maintenant, je veux déterminer la manière dont j'affiche les données et donc j'ajoute un DataTemplate. Pour chaque item de ma collection j'affiche une donnée et un bouton dont je veux gérer l'évènement click. Sur l'évènement Click je supprimerai l'élément lié de la collection...

Comment faire ça proprement ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<ItemsControl x:Name="ItemsControlRoot" ItemsSource="{TemplateBinding myList}">                              
<ItemsControl.ItemTemplate>
    <DataTemplate>                                
	<Border BorderThickness="1">
	<StackPanel Orientation="Horizontal">
	    <TextBlock Text="{Binding}" />
          <Button Content="x" />
	</StackPanel>
	</Border>
    </DataTemplate>
</ItemsControl.ItemTemplate>

</ItemsControl>

[Skyounet]

Il n'y a pas de moyen simple de le faire.

Tu peux au choix passer par une commande sur ton bouton (propriété Command bindée sur un ICommand dans ton contrôle), ou bien alors exposer une propriété ItemTemplate sur ton CustomControl qui sera TemplateBinding sur le ItemTemplate de ton ItemsControl

Code :

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

<ItemsControl x:Name="ItemsControlRoot" ItemsSource="{TemplateBinding myList}" ItemTemplate="{TemplateBinding ItemTemplate}" />

Pis quand tu ajoutes ton contrôle dans une page

Code :

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

1
2
3
4
5
6
7
<local:MonCustomControl myList="{Binding xxx}">
   <local:MonCustomControl.ItemTemplate>
      <DataTemplate>
         <Button Click="xxx" />
      </DataTemplate>
   </local:MonCustomControl.ItemTemplate>
</local:MonCustomControl>

[yohann_]

Je ne vois pas l'intérêt d'exposer le ItemTemplate... Le problème reste le même non ? A savoir : la gestion de l'évènement Click.

De mon côté j'ai trouvé une autre solution en me documentant sur le modèle évènementiel de Silverlight. Je peux gérer l'évènement MouseLeftButtonUp au niveau du ItemsControl :

Code :

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

1
2
3
4
5
6
7
8
9
10
void _ic_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            TextBlock tb1 = e.OriginalSource as TextBlock;
            if (tb1 != null && tb1.Name == "btDelete")
            {
                // suppression 
                RemoveItem(tb1.Tag);
            }
 
        }

SAuf que là je ne peux pas utiliser un Bouton à proprement parler car il semble qu'un bouton interrompt la propagation de cet évènement. En l'occurence j'utilise un TextBlock.

Merci pour la réponse en tout cas.

[Skyounet]

Je ne vois pas l'intérêt d'exposer le ItemTemplate... Le problème reste le même non ? A savoir : la gestion de l'évènement Click.

Parce que la page où tu vas mettre ton UserCOntrol aura un page pour le code-behind, et donc ton évènement click pourra être intercepté.

Essaye donc tu verra que ça fonctionne.