爲什麼數據綁定不起作用？

Question

我有一個汽車類是這樣的：

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

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

我也有一個用戶控件：

public partial class CarListItem : UserControl 
{ 
    private Car car; 

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

} 

使用XAML：

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

但數據綁定不起作用。我究竟做錯了什麼？

我想在userControl上顯示汽車的名稱。

Answer 1

你不應該需要前言與汽車的結合表達...

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

...除了你需要設置你的UserControl

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

     this.DataContext = car; 
    } 
} 

而且我的假設的DataContext是你將一個名字傳入汽車的另一個​​空字符串或null。

Answer 2

您的綁定綁定到datacontext的car.Name。在你的情況下，DataContext是NULL。

您有幾種選擇：

1. 設置爲CarListItem實例
2. 數據上下文指定綁定源。

第一個選項通常更好。

更妙的想法是定義一個DataTemplate您Car，並使用Car s，而不是明確的CarListItem個清單：

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

現在，你可以使用這個模板列表ItemTemplate。

Answer 3

對於綁定工作，您需要在Control的DataContext屬性中具有值。它也可以被繼承。因此，子控件如果沒有子控件，也可以訪問父母的DataContext。

除非與Self Binding一起使用，否則屬性（甚至不公開）不會幫助您進行綁定。

爲了讓你的代碼工作，

更換

this.car = car; 

隨着

this.DataContext = car; 

和替換

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

隨着

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

Answer 4

使用this.DataContext將工作，但它是脆弱的，可怕的，而不是來設計應用程序的好方法。如果我要消耗你的用戶控制和寫此XAML：

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

...那麼你的控制將打破，無論Car屬性是否設置正確與否。這不是很漂亮。

更強大的方法是將Xaml中的UserControl元素標記爲x:Name，並在綁定中使用ElementName。所以，你的控制看起來是這樣的：

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

現在，如果你想設置的Grid（使用DataContext="{Binding Car, ElementName=control}"）DataContext，你可以得到的datacontext的利益更可靠的方法。

但是，對於這些工作，您需要將您的car字段暴露爲屬性，而不僅僅是字段。您還需要實現INotifyPropertyChanged，以便UI在您更改屬性值時實現，但您可以通過在構造函數中調用InitializeComponent()之前設置car來臨時解決此問題。