[Silverlight 2 beta 2]Problème de binding

Version imprimable

J'ai un problème de binding que je n'avais pas avec la beta 1:

J'ai créé une classe basique :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
 
namespace SimpleBinding
{
    public class Personnes
    {
        public string  Prenom { get; set; }
        public string  Nom { get; set; }
        public int Age { get; set; }
    }
}

ma page XAML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<UserControl x:Class="SimpleBinding.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="400" Height="300">
    <Grid x:Name="LayoutRoot" Background="White">
 
        <ListBox x:Name="lbPersonnes">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <TextBlock Text="Prenom"/>                   
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
</UserControl>

puis mon code-behind :

Code:

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
 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
 
namespace SimpleBinding
{
    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
            this.Loaded += new RoutedEventHandler(Page_Loaded);
        }
 
        void Page_Loaded(object sender, RoutedEventArgs e)
        {
            Personnes p = new Personnes
            {
                Prenom = "Anton",
                Nom = "Dvorak",
                Age = 25
            };
            LayoutRoot.DataContext = p;
        }
    }
}

Lorsque je lance l'application j'ai une listebox vide alors que si je remplace ma listbox par une textbox ca fonctionne ???

Merci de votre aide

08/07/2008, 09h56
tomlev

je comprends pas trop pourquoi tu utilises une ListBox pour afficher quelque chose qui n'est pas une liste...
08/07/2008, 10h20
sarapis

cet exemple est un exemple créé vite fait, ne trouvant pas comme afficher le résultat de ce que renvoyait un service WCF j'ai essayé avec un truc basique.
Et le problème reste entier

essaie de faire comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
        void Page_Loaded(object sender, RoutedEventArgs e)
        {
            Personnes p = new Personnes
            {
                Prenom = "Anton",
                Nom = "Dvorak",
                Age = 25
            };
            List<Personnes> lst = new List<Personnes>();
            lst.Add(p);
            LayoutRoot.DataContext = lst;
        }

08/07/2008, 11h30
sarapis

J'ai bien essayé mais nada j'ai toujours une listbox vide :( ???
08/07/2008, 11h56
tomlev

mets la liste dans la propriété ItemsSource de la ListBox, plutot que dans le DataContext

Merci ca fonctionne, par contre toujours avec la listbox j'ai une liste vide dans cet exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<UserControl xmlns:my="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"  x:Class="BindingGrid.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="400" Height="300">
    <Grid x:Name="LayoutRoot" Background="White">
        <my:DataGrid x:Name="dgCustomers" Width="390" Height="100" VerticalAlignment="Top" ></my:DataGrid>
        <ListBox x:Name="listCustomers" Width="390" Height="100" VerticalAlignment="Bottom">
            <TextBlock Text="{Binding ContactName}"/>
        </ListBox>
    </Grid>
</UserControl>

Code:

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
 
namespace BindingGrid
{
    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
            this.Loaded += new RoutedEventHandler(Page_Loaded);
        }
 
        void Page_Loaded(object sender, RoutedEventArgs e)
        {
            ServiceReference1.Service1Client client = new BindingGrid.ServiceReference1.Service1Client();
 
            client.GetPersonnesCompleted += new EventHandler<BindingGrid.ServiceReference1.GetPersonnesCompletedEventArgs>(client_GetPersonnesCompleted);
            client.GetPersonnesAsync("p");
        }
 
        void client_GetPersonnesCompleted(object sender, BindingGrid.ServiceReference1.GetPersonnesCompletedEventArgs e)
        {
            dgCustomers.ItemsSource = e.Result;
            listCustomers.DataContext = e.Result; 
        }
    }
}

J'ai essayé :

listCustomers.ItemsSource=e.Result mais j'ai cette erreur :

Code:

"Items collection must be empty before using ItemsSource."

Mais ca avance merci :)

08/07/2008, 12h12
tomlev

tu as pas mis des éléments manuellement dans la liste avant ? si c'est le cas il faut que tu la vides avant d'assigner ItemsSource

J'ai modofoé mon code XAML de la sorte :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<UserControl xmlns:my="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"  x:Class="BindingGrid.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="400" Height="300">
    <Grid x:Name="LayoutRoot" Background="White">
        <my:DataGrid x:Name="dgCustomers" Width="390" Height="100" VerticalAlignment="Top" ></my:DataGrid>
        <ListBox x:Name="listCustomers" Width="390" Height="100" VerticalAlignment="Bottom">
            <!-- <TextBlock Text="{Binding ContactName}"/> -->
        </ListBox>
    </Grid>
</UserControl>

Je n'ai plus d'erreur mais ma listbox est remplie uniquement de "BindingGrid.ServiceReference1.Customers" ?

08/07/2008, 12h48
tomlev

Parce qu'il ne sait pas comment afficher un Customer
Donc soit tu redéfinis la méthode ToString pour ta classe Customer, soit tu crées un ItemTemplate pour afficher les Customers
08/07/2008, 12h53
sarapis

Merci tout est résolu ;) :king:

jai crier gagné trop vite, voilà jai créé une classe :

Code:

1
2
3
4
5
6
7
8
9
 
namespace BindingGridWeb
{
    [Serializable]
    public class Personnes
    {
        public string contactName { get; set; }
    }
}

le code de mon service :

Code:

1
2
3
4
5
6
7
8
 
        public List<Personnes> GetName()
        {
            DataClasses1DataContext db=new DataClasses1DataContext();
            List<Personnes> liste = new List<Personnes>();
            var q = db.Customers.Where(c => c.City.StartsWith("p")).Select(c => new Personnes { contactName = c.ContactName });
            return q.ToList();
        }

J'interroge Northwind

mon code XAML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<UserControl xmlns:my="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"  x:Class="BindingGrid.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    >
    <Grid x:Name="LayoutRoot" Background="White">
        <ListBox ItemsSource="{Binding}" Margin="5" x:Name="listPersonnes" Foreground="Blue" Background="Black">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding contactName}"/>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
</UserControl>

puis mon code behind :

Code:

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
 
    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
            this.Loaded += new RoutedEventHandler(Page_Loaded);
 
        }
 
        void Page_Loaded(object sender, RoutedEventArgs e)
        {
            ServiceReference1.Service1Client client = new BindingGrid.ServiceReference1.Service1Client();
 
            //client.GetPersonnesCompleted += new EventHandler<BindingGrid.ServiceReference1.GetPersonnesCompletedEventArgs>(client_GetPersonnesCompleted);
            //client.GetPersonnesAsync("p");
 
            client.GetNameCompleted += new EventHandler<BindingGrid.ServiceReference1.GetNameCompletedEventArgs>(client_GetNameCompleted);
            client.GetNameAsync();
        }
 
        void client_GetNameCompleted(object sender, BindingGrid.ServiceReference1.GetNameCompletedEventArgs e)
        {
            //dgCustomers.ItemsSource = e.Result;
            listPersonnes.ItemsSource = e.Result;
        }

Résultat: encore unelistbox vide ???

Par contre la grid elle se remplit bien avec le champ ContactName

08/07/2008, 15h47
tomlev

C'est bizarre, parce que tu as mis en commentaire la ligne avec le datagrid, et tu as laissé celle avec la listbox... ça devrait faire le contraire :?
08/07/2008, 15h59
sarapis

ce que voulez dire, c'est qu'en décommentant la ligne sur la datagrid, elle se remplit ;)
08/07/2008, 16h10
tomlev

Ah ok, je crois que je vois... dans ta listbox, tu mets ItemsSource="{Binding}", ce qui veut dire que tu bindes sur le datacontext. Mais comme tu n'assignes plus le résultat au DataContext, ça ne fonctionne pas... Essaie de virer simplement le binding sur ItemsSource, et de le faire seulement par le code
08/07/2008, 16h15
sarapis

non ca ne fonctionne pas c'est toujours vide :(
08/07/2008, 16h31
tomlev

ben là j'ai plus d'idées...
08/07/2008, 17h22
sarapis

1 pièce(s) jointe(s)

au cas où voici mon code, merci pour tout
08/07/2008, 17h54
Thomas Lebrun

Plusieurs questions:

- Tu est sur que e.Result contient bien quelque chose ?
- Ton service ServiceReference1, c'est un service WCF ? Car sur ta classe, il manque pas les attributs DataContract/DataMember ?
08/07/2008, 17h59
sarapis

Citation:

Envoyé par Thomas Lebrun

Plusieurs questions:

- Tu est sur que e.Result contient bien quelque chose ?
- Ton service ServiceReference1, c'est un service WCF ? Car sur ta classe, il manque pas les attributs DataContract/DataMember ?

oui e.Result contient ce que je veux (j'ai fait un debug ;) ), quant au service oui je viens de le décorer des attributs et de mettre à jour la référence mais toujours pareil
08/07/2008, 23h09
Thomas Lebrun

Essaye de remplacer ca:

listPersonnes.ItemsSource = e.Result;

Par ca:

listPersonnes.DataContext = e.Result;

Puis, sur ta ListBox, rajoute ca:

ItemsSource="{Binding}"
09/07/2008, 09h50
sarapis

Citation:

Envoyé par Thomas Lebrun

Essaye de remplacer ca:

listPersonnes.ItemsSource = e.Result;

Par ca:

listPersonnes.DataContext = e.Result;

Puis, sur ta ListBox, rajoute ca:

ItemsSource="{Binding}"

à mon grand désespoir ca reste vide :(
09/07/2008, 14h48
Thomas Lebrun

Alors là, je comprend plus :?

Bo, faut pas oublier que ca reste une Beta: p-e que ca marchera correctement dans la finale......
09/07/2008, 15h39
Skyounet

Bon j'ai "résolu" ton problème.

Tout simplement, la classe proxy qui est généré pour ton service
BindingGrid.ServiceReference1.Personnes
contient bien les même champs que ta classe Personnes, mais ils s'appellent pas pareil.

Ici en l'occurrence, contactName s'appelle contactNamek__BackingField.

Donc il faut mettre ce nom en Binding. C'est pas top, mais peut-etre il y a un moyen pour que les champs gardent le même nom.
09/07/2008, 16h07
Skyounet
Et la suite de la réponse tant qu'à faire.

Il faut simplement décorer ta classe Personne avec les attributs DataContract et DataMember.
Code:

1 2 3 4 5 6 7 [Serializable] [DataContract] public class Personnes { [DataMember] public string contactName { get; set; } }
Par contre je sais pas si Serializable est encore utile.

Du coup dans la projet Silverlight, la propriété s'appelle contactName.

Voilà.
09/07/2008, 17h03
Thomas Lebrun
Citation:
Envoyé par Skyounet

Et la suite de la réponse tant qu'à faire.

Il faut simplement décorer ta classe Personne avec les attributs DataContract et DataMember.

Code:

1 2 3 4 5 6 7 [Serializable] [DataContract] public class Personnes { [DataMember] public string contactName { get; set; } }

Par contre je sais pas si Serializable est encore utile.

Du coup dans la projet Silverlight, la propriété s'appelle contactName.

Voilà.
Bah, je lui ai dit de le faire 6 messages plus haut et apparement, ca n'avait rien changé....
09/07/2008, 17h14
Skyounet

Citation:

Envoyé par Thomas Lebrun

Bah, je lui ai dit de le faire 6 messages plus haut et apparement, ca n'avait rien changé....

Je sais pas si il avait compris ce que tu voulais dire

Citation:

quant au service oui je viens de le décorer des attributs

Moi je comprends qu'il a décoré le service avec les attributs.

En attente de sa réponse donc.
10/07/2008, 08h59
Thomas Lebrun

En effet, on va attendre sa réponse.

Et, pour info, lorsque l'on utilise [DataContract], pas besoin de [Serializable] ;)
11/07/2008, 23h09
sarapis

Merci à vous maintenant ca fonctionne à 100% ;) par contre incompréhensible car après un formatage ca a fonctionné :roll: