Pourquoi la liaison de données ne fonctionne-t-elle pas?

Question

j'ai une classe de voiture comme ceci:

public class car 
{ 
    public String Name {get; private set;} 

    public car(string name) 
    { 
     this.Name = name; 
    } 
} 

J'ai aussi un UserControl:

public partial class CarListItem : UserControl 
{ 
    private Car car; 

    public CarListItem (Car car) 
    { 
     InitializeComponent(); 
     this.car= car; 
    } 

} 

Avec XAML:

<Grid> 
    <Label Content="{Binding Path=car.Name}" Name="lblCarName"/> 
</Grid> 

mais le databinding ne fonctionne pas. Qu'est-ce que je fais mal?

Je souhaite afficher le nom de la voiture sur userControl.

Answer 1

Vous ne devriez pas avoir de préfacer l'expression de liaison avec la voiture ...

<Grid> 
    <Label Content="{Binding Name}" Name="lblCarName"/> 
</Grid> 

... en plus vous devez définir la DataContext de votre UserControl

public partial class CarListItem : UserControl 
{ 
    public CarListItem (Car car) 
    { 
     InitializeComponent(); 

     this.DataContext = car; 
    } 
} 

Aussi mon hypothèse est que vous passez un nom dans le ctor de voiture autre qu'une chaîne vide ou null.

Answer 2

Votre liaison est liée au car.Name du datacontext. Dans votre cas, le DataContext est NULL.

Vous avez plusieurs options:

1. définir le contexte de données au CarListItem exemple
2. Spécifiez la source de liaison.

La première option est généralement meilleure.

Mieux encore idée serait de définir un DataTemplate pour votre Car, et utiliser une liste de Car s au lieu de explicites CarListItem s:

<DataTemplate DataType="{x:Type local:Car}"> 
    <Grid> 
     <Label Content="{Binding Path=Name}"/> 
    </Grid> 
</DataTemplate> 

Maintenant, vous pouvez utiliser ce modèle comme ItemTemplate dans la liste.

Answer 3

Pour qu'une liaison fonctionne, vous devez avoir une valeur dans la propriété DataContext de Control. Il peut également être hérité. Ainsi, les contrôles enfants peuvent également accéder aux parents DataContext s'ils n'en ont pas.

Les propriétés (même pas publiques) ne facilitent pas la liaison, sauf si elles sont utilisées avec Self Binding.

Pour que votre code,

Remplacer

this.car = car; 

Avec

this.DataContext = car; 

et remplacer

<Label Content="{Binding Path=car.Name}" Name="lblCarName"/> 

Avec

<Label Content="{Binding Path=Name}" Name="lblCarName"/> 

Answer 4

L'utilisation this.DataContext sera travail, mais il est fragile et horrible et pas une bonne façon de concevoir votre application. Si je devais consommer votre contrôle utilisateur et écrire ce XAML:

<CarListItem DataContext="{Binding MyThing}" /> 

... alors votre commande se brisera, que la Car propriété est définie ou pas correctement. Ce n'est pas très joli.

Une approche plus robuste consiste à marquer votre élément UserControl dans Xaml avec un x:Name, et d'utiliser ElementName dans votre liaison. Alors, votre contrôle ressemble à ceci:

<UserControl x:Name="control" ....... (namespaces/etc here)> 
    <Grid> 
    <Label Content="{Binding Car.Name, ElementName=control}" Name="lblCarName"/> 
    </Grid> 

Maintenant, si vous souhaitez définir DataContext sur le Grid (en utilisant DataContext="{Binding Car, ElementName=control}"), vous pouvez obtenir le bénéfice de datacontext de façon plus robuste. Toutefois, pour que cela fonctionne, vous devez exposer votre champ car en tant que propriété plutôt qu'en tant que champ. Vous devez également implémenter INotifyPropertyChanged afin que l'interface utilisateur se rende compte lorsque vous modifiez la valeur de la propriété, bien que vous puissiez contourner ce problème temporairement en définissant caravant vous appelez InitializeComponent() dans votre constructeur.