使用 WPF 和 C# 进行嵌套数据绑定

Question

我正在尝试制定一个预算计划。我需要有一个带有文本块列表的组框。

<ItemsControl DataContext="{Binding}">
  <ItemsControl.ItemTemplate>
    <DataTemplate>
      <GroupBox Header="{Binding}">
        <ItemsControl DataContext="{Binding}">
          <ItemsControl.ItemTemplate>
            <DataTemplate>
              <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Text}" />
                <TextBlock Text="{Binding Value}" />
              </StackPanel>
            </DataTemplate>
          </ItemsControl.ItemTemplate>
        </ItemsControl>
      </GroupBox>
    </DataTemplate>
  </ItemsControl.ItemTemplate>
</ItemsControl>

我需要以某种方式将列表（也许？）与组框进行数据绑定，以便我创建一个组框列表，其中的一些行将是具有货币值的文本。这样我就可以创建一个名为“公寓”的组，其中包含两行“租金 3000 美元”和“维护费用 150 美元”。然后我可以有第二个组，称为“汽车”，其中包含“保险”、“贷款”和“维护”行。

但我该如何对此进行数据绑定呢？我需要如何在 C# 中执行此操作。我不知所措。

Answer 1

根据 Jay 的评论，您可能希望创建一个分层数据模型。注意我已将属性上的 INotifyPropertyChanged 实现留给了您

public class BudgetLineItem : INotifyPropertyChanged
{
   public string Name { get; set; }
   public decimal Cost { get; set; }
}

public class BudgetGroup : INotifyPropertyChanged
{
   public string GroupName { get; set; }
   public ObservableCollection<BudgetLineItem> LineItems { get; set; }
}

public class BudgetViewModel : INotifyPropertyChanged
{
   public ObservableCollection<BudgetGroup> BudgetGroups { get; set; }
}

，那么您的数据模板将如下所示：

<ItemsControl DataContext="{Binding ViewModel}"
              ItemsSource="{Binding BudgetGroups}">
  <ItemsControl.ItemTemplate>
    <DataTemplate>
      <GroupBox Header="{Binding GroupName}">
        <ItemsControl ItemsSource="{Binding LineItems}">
          <ItemsControl.ItemTemplate>
            <DataTemplate>
              <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Name}" />
                <TextBlock Text="{Binding Cost}" />
              </StackPanel>
            </DataTemplate>
          </ItemsControl.ItemTemplate>
        </ItemsControl>
      </GroupBox>
    </DataTemplate>
  </ItemsControl.ItemTemplate>
</ItemsControl>

Answer 2

我可能在这里偏离了基础，但听起来您想根据从异构对象列表绑定的对象类型来更改 DataTemplate。

如果是这种情况，您需要查看 DataTemplateSelectors 或为列表中要支持的每种类型创建 DataTemplate。

例如，对于公寓，您可能有：

<DataTemplate DataType="local:ApartmentBudget">
  <StackPanel Orientation="Horizontal">
    <TextBlock Text="{Binding Text}" />
    <TextBlock Text="{Binding Value}" />
  </StackPanel>
</DataTemplate>

汽车可能如下所示：

<DataTemplate DataType="local:CarBudget">
  <StackPanel Orientation="Horizontal">
    <TextBlock Text="{Binding Insurance}" />
    <TextBlock Text="{Binding Loan}" />
    <TextBlock Text="{Binding Maintenance}" />
  </StackPanel>
</DataTemplate>

然后您的 ItemsControl 可以设置为：

<ItemsControl ItemSource="{Binding BudgetItems}">

将根据数据类型选择正确的 DataTemplate。您可以通过创建自定义 DataTemplateSelector 获得更多控制。

请参阅 https://msdn.microsoft.com/en -us/library/ms742521(v=vs.100).aspx 了解更多信息。