[Débutant] Utilisation de DataTemplate

**Bleveque** · 24/06/2011, 10h51

Bonjour, bonjour !^^

Alors voilà, je tiens à préciser que je suis débutant en programmation .NET (et pas spécialement bon en xml :p)

Dans la cadre de mon stage, je dois faire une application WP7, j'ai donc opté pour silverlight, et après deux semaines de codage intensif, je suis tombé sur la "toolkit for windows phone 7" qui propose pas mal de nouveaux composants.

C'est en particulier le LongListSelector qui me pose problème, j'ai trouvé un tutoriel pour l'utiliser "à pleine puissance" (http://www.windowsphonegeek.com/arti...ding-scenarios), et à un moment, il m'est demandé de creer des "datatemplates".

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
16
17
18
        <DataTemplate x:Key="citiesListHeader">
            <Border Background="Purple">
                <TextBlock Text="Cities Header" />
            </Border>
        </DataTemplate>
        <DataTemplate x:Key="citiesListFooter">
            <Border Background="Green">
                <TextBlock Text="Cities Footer" />
            </Border>
        </DataTemplate>
 
        <DataTemplate x:Key="citiesItemTemplate">
            <StackPanel Grid.Column="1"  VerticalAlignment="Top">
                <TextBlock Text="{Binding Name}" FontSize="26"  Margin="12,-12,12,6"/>
                <TextBlock Text="{Binding Country}"  Foreground="GreenYellow"/>
                <TextBlock Text="{Binding Language}" Foreground="Orange" />
            </StackPanel>
        </DataTemplate>

Et là, c'est le drame !

J'avais déjà utilisé des DataTemplates dans le cadre d'un <ListBox.ItemTemplate>, mais là VS m'insulte à grand coup de "Une valeur de type DataTemplate ne peut pas être ajoutée à une collection ou un dictionnaire de type 'UIElementCollection'".

J'ai essayé de chercher où mettre mes DataTemplates autrepart, cherché des personnes qui aurait eu le même problème, mais impossible de trouver :/

Du coup je me tourne vers vous, Ô inconditionnels de l'informatique, Chuck Norris du .NET... (bref !^^)

QUelqu'un aurait une idée ?

**WOLO Laurent** · 24/06/2011, 12h23

Sauf que ton problème n'est pas à ce niveau, c'est là ou tu appelles le DataTemplate, peux-tu faire voir le code ?

**Bleveque** · 24/06/2011, 12h29

Par exemple, dans le cas de ma page d'accueil (qui contient des données pour les transitions de page, puis globalement 4 boutons):

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
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<phone:PhoneApplicationPage 
    x:Class="rentacar_mobile.MainPage"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
    shell:SystemTray.IsVisible="True" xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit">
 
    <toolkit:TransitionService.NavigationInTransition>
        <toolkit:NavigationInTransition>
            <toolkit:NavigationInTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardIn"/>
            </toolkit:NavigationInTransition.Backward>
            <toolkit:NavigationInTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardIn"/>
            </toolkit:NavigationInTransition.Forward>
        </toolkit:NavigationInTransition>
    </toolkit:TransitionService.NavigationInTransition>
    <toolkit:TransitionService.NavigationOutTransition>
        <toolkit:NavigationOutTransition>
            <toolkit:NavigationOutTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardOut"/>
            </toolkit:NavigationOutTransition.Backward>
            <toolkit:NavigationOutTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardOut"/>
            </toolkit:NavigationOutTransition.Forward>
        </toolkit:NavigationOutTransition>
    </toolkit:TransitionService.NavigationOutTransition>
 
    <!--LayoutRoot contains the root grid where all other page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
 
        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Margin="0,24,0,12">
            <TextBlock x:Name="PageTitle" HorizontalAlignment="Center" Text="Menu" Margin="0,0,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>
 
        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentGrid" Grid.Row="1">
            <Button Content="Louer une voiture" 
                    Height="72" 
                    HorizontalAlignment="Center" 
                    VerticalAlignment="Top"
                    Margin="0,50,0,0" Name="button_louer" 
                    Width="300"
                    Click="buttonlouer_Click" />
            <Button Content="Trouver une agence" 
                    Height="72" 
                    HorizontalAlignment="Center" 
                    VerticalAlignment="Top"
                    Margin="0,150,0,0" Name="button_find" 
                    Width="300"
                    Click="buttonfind_Click" />
            <Button Content="Options" 
                    Height="72" 
                    HorizontalAlignment="Center" 
                    VerticalAlignment="Top"
                    Margin="0,250,0,0" Name="button_options" 
                    Width="300"
                    Click="buttonoptions_Click" />
            <Button Content="Debug" 
                    Height="72" 
                    HorizontalAlignment="Center" 
                    VerticalAlignment="Top"
                    Margin="0,350,0,0" Name="button_debug" 
                    Width="300"
                    Click="buttondebug_Click" />
 
 
        </Grid>
    </Grid>
 
    <!-- Sample code showing usage of ApplicationBar
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton x:Name="appbar_button1" IconUri="/Images/appbar_button1.png" Text="Button 1"></shell:ApplicationBarIconButton>
            <shell:ApplicationBarIconButton x:Name="appbar_button2" IconUri="/Images/appbar_button2.png" Text="Button 2"></shell:ApplicationBarIconButton>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem x:Name="menuItem1" Text="MenuItem 1"></shell:ApplicationBarMenuItem>
                <shell:ApplicationBarMenuItem x:Name="menuItem2" Text="MenuItem 2"></shell:ApplicationBarMenuItem>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>
    -->
 
 
</phone:PhoneApplicationPage>

Et je n'ai aucune idée de où rajouter un "DataTemplate".
Je ne sais pas exactement si ça répond à ta question^^' Mais en gros, le tutoriel me demande de creer des DataTemplates comme ça (un peu dans le vide), alors que d'habitude je les crée pour un élément spécifique (par exemple dans un listbox), et du coup je n'ai aucune idée d'où définir mes Datatemplate

EDIT : Ha ! en fait, tu me dit que le problème viens de l'appel du DataTemplate ? On ne peux pas en créer un sans l'utiliser ? (juste pour tester^^)

**DotNET74** · 24/06/2011, 13h45

Hello,

alors déjà c'est normal car tu n'as pas de contrôle LongListPicker dans ta page !!!!

normalement tu devrais avoir un truc comme ça:

Code :

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

1
2
3
4
5
6
7
...
 
<toolkit:LongListPicker ItemsSource="{Binding Path=MesDonnees}">
 
 //Là tu mets ton DataTemplate
 
</toolkit>

Voilà en espérant t'avoir aider un peu

**Bleveque** · 24/06/2011, 14h34

Je pense que tu veux parler de DataListSelector, enfin, je n'ai aucun composant "DataListPicker", juste un ListPicker.

Code xml :

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

1
2
3
            <toolkit:LongListSelector ItemsSource="{Binding name}">        
 
            </toolkit:LongListSelector>

Le problème, c'est que l'auto-complétion ne me propose même pas de créer un DataTemplate, même entre ces balises (et donc si je le tape moi même, il le refuse).

Peut-être qu'il faut le mettre entre d'autres balises (supplémentaires), mais je n'ai aucune idée desquels

**DotNET74** · 24/06/2011, 15h04

Le LongListSelector est un composant du Windows Phone ToolKit que tu sites précédemment et que tu as donc dû installer !!

**Bleveque** · 24/06/2011, 15h36

Oui, celui là je l'ai, c'est le longlistpicker que je n'ai pas

**WOLO Laurent** · 24/06/2011, 17h38

Vous pouvez aussi créer la ressource dans la balise ressource du formulaire.

Code :

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

1
2
3
4
5
6
<Windows.Ressources>
<DataTemplate x:Key="MyTemplate">
 
 
</DataTemplate>
<.Windows.Ressources>

**DotNET74** · 25/06/2011, 09h31

Envoyé par Bleveque

Oui, celui là je l'ai, c'est le longlistpicker que je n'ai pas

Alors là c'est pas normal !

[Débutant] Utilisation de DataTemplate

Windows Phone .NET

Discussions similaires

Partager

Partager