如何正確地將 WPF ComboBox 綁定到自訂清單並解決 DataContext 問題？

WPF ComboBox 與自訂清單綁定：理解綁定層次結構

在 WPF 資料綁定中，DataTemplate 內的子元素繼承其父元素的 DataContext。這表示 DataTemplate 內的 ComboBox 會自動將其 DataContext 設定為 DataTemplate 表示的底層 ViewModel 物件。

資料綁定問題

在提供的程式碼範例中，ComboBox 不會更新 SelectedItem/SelectedValue 綁定，因為 DataContext 未正確設定。透過在 MainWindow 的程式碼隱藏檔案中明確設定 DataContext，可以解決此問題。

<code class="language-csharp">public partial class Window1
{
    public Window1()
    {
        InitializeComponent();
        DataContext = new MainWindowViewModel();
    }
}</code>

正確的綁定配置

設定 DataContext 後，ComboBox 的綁定配置應如下圖所示：

<code class="language-xml"><ComboBox ItemsSource="{Binding Path=PhonebookEntries}"
          DisplayMemberPath="Name"
          SelectedValuePath="Name"
          SelectedValue="{Binding Path=PhonebookEntry}" /></code>

• ItemsSource: 指定要在 ComboBox 中顯示的項目集合。
• DisplayMemberPath: 指定清單中要顯示的每個項目的屬性。
• SelectedValuePath: 指定要作為值的每個項目的屬性。
• SelectedValue: 指定表示所選項目的 ViewModel 屬性。

修改：使用 CollectionView 的資料綁定問題

如果對 PhonebookEntries 屬性使用 CollectionView，建議使用衍生類別。這是因為直接使用 CollectionView 會導致效率低下和潛在錯誤。透過使用衍生類，可以在避免已知問題的同時實現高級功能。

在下拉清單內容中使用 ToString()

為了避免潛在的綁定問題，您可以使用 ToString() 取代 DisplayMemberPath 來顯示下拉清單內容。 ToString() 表示每個項目的字串表示形式，而 DisplayMemberPath 指定用於選取和顯示項目的成員。

<code class="language-xml"><ComboBox ItemsSource="{Binding Path=PhonebookEntries}"
          SelectedValuePath="Name"
          SelectedValue="{Binding Path=PhonebookEntry}" /></code>

以上是如何正確地將 WPF ComboBox 綁定到自訂清單並解決 DataContext 問題？的詳細內容。更多資訊請關注PHP中文網其他相關文章！