在XAML窗口的組合框中顯示類項目

Question

我在WPF控件上做了一些維護工作，這些我都不太熟悉，而且我正在爲WPF中的一些基礎工作掙扎。

我有下面的代碼，我的理解是被稱爲「代碼隱藏」：

Class MainWindow 
    Private _myStrings As New List(Of String)({"one", "two", "three", "four", "five"}) 
    Public Property myStrings As List(Of String) 
     Get 
      Return _myStrings 
     End Get 
     Set(value As List(Of String)) 
      _myStrings = value 
     End Set 
    End Property 
End Class 

我再有這樣的WPF的東西，它定義了一個十分可怕的組合框。

<Window x:Class="MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="MainWindow" Height="350" Width="525"> 
    <Grid> 
     <ComboBox Margin="0,10,0,0" 
        x:Name="cboItem" 
        TabIndex="1"/> 
    </Grid> 
</Window> 

問題：所有我想知道的是我如何正確地創建的XAML顯示在cboItem組合框的myStrings列表參考？一旦我知道了，我可以開始理解databinding concepts in detail，但現在，我需要有人爲我解釋真正基本的東西，比如「如何告訴XAML在哪裏查找數據？」

Answer 1

ComboBox有一個名爲ItemsSource屬性，可以設置爲字符串的一個靜態列表，或者更常見的，可以綁定到某些對象名單。

WPF對象在其DataContext中查找它們的綁定。這是每個WPF框架元素的屬性，並且會「級聯」，因此設置Window的DataContext意味着該窗口上的每個控件都將繼承相同的DataContext。但是，他們不有使用相同的上下文。每個控件都可以通過設置其DataContext屬性來設置自己的上下文。

您已經在窗口本身中定義了您的字符串列表（在後面的代碼中）。這不是很正常。 WPF中使用的更常用的方法是定義一個包含您的視圖需要的所有數據的類，然後將其設置爲DataContext。這就是MVVM模式的全部內容。

然而，隨着你的榜樣去，沒有什麼設置從您的窗口的DataContext到窗口本身停止你的是：

<Window x:Class="MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="MainWindow" Height="350" Width="525" 
    DataContext="{Binding RelativeSource={RelativeSource Self}"> 
    <Grid> 
     <ComboBox Margin="0,10,0,0" 
        x:Name="cboItem" 
        TabIndex="1" 
        ItemsSource="{Binding myStrings}"/> 
    </Grid> 
</Window> 

的DataContext行告訴WPF哪一個對象來看待它的綁定，而ItemsSource行告訴組合使用哪個屬性在上下文中爲其字符串列表。

編輯：要設置的DataContext上你可以做組合：

<Window x:Class="MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="MainWindow" Height="350" Width="525"> 
    <Grid> 
     <ComboBox Margin="0,10,0,0" 
        x:Name="cboItem" 
        TabIndex="1" 
        DataContext="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}" 
        ItemsSource="{Binding myStrings}"/> 
    </Grid> 
</Window>