2

我是 WPF 的新手，我想快速了解如何将此对象绑定到 wpf 控件，但我不知道应该使用哪个控件：

public class Parent
{
  public string Name{get; set;}
  public List<Child> Childs {get; set;}
}

public class Child
{
  public string Name{get; set;}
  public int Age {get; set;}
}

public class ParentFactory
{
   public List<Parent> Parents {get; set;}

   public ParentFactory()
   {
      Child child1 = new Child() {Name="Peter", Age=10;};
      Child child2 = new Child() {Name="Mary", Age=9;};
      Child child3 = new Child() {Name="Becky", Age=12;};

      Parent parent1 = new Parent(){Name="Adam", Childs = new List<Child<>(){child1, child2}};
      Parent parent2 = new Parent(){Name="Kevin", Childs = new List<Child<>(){child3}};

      Parents = new List<Parent>(){parent1, parent2};
   }
}

创建此实例后：

ParentFactory parentFactory = new ParentFactory();

我想将 parentFactory.Parents() 绑定到 WPF 中的控件。我希望看到这样的东西：

亚当

——彼得，10 岁

——玛丽，9 岁

凯文

——贝基，12 岁

它们都显示在文本框中，我可以更改它们。

提前致谢。

4

2 回答 2

4

使用带有 HierarchicalDataTemplate 的 TreeView。

但是请注意，如果没有在您的模型上实现 INotifyPropertyChanged，您的绑定将不会在任何属性更改时更新。此外，如果不使用 ObservableCollections 替换您的列表，您的视图将不会随着您向列表中添加更多项目而更新。

像这样的东西应该可以工作，首先定义你的模板：

<Window.Resources>
    <HierarchicalDataTemplate DataType="{x:Type local:Parent}" ItemsSource="{Binding Childs}">
        <TextBlock Text="{Binding Name}"/>
    </HierarchicalDataTemplate>
    <DataTemplate DataType="{x:Type local:Child}">
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="{Binding Name}"/>
            <TextBlock>, </TextBlock>
            <TextBlock Text="{Binding Age}"/>
        </StackPanel>
    </DataTemplate>
</Window.Resources>

然后您可以将它们与这样的 TreeView 一起使用（假设 Parents 是 TreeView 的 DataContext 中的一个属性）：

<TreeView ItemsSource="{Binding Parents}"/>

如果您不想要 TreeView，您可以轻松地使用 ListView 列出此内容，将 DataTemplates 更改为：

    <DataTemplate DataType="{x:Type local:Parent}">
        <StackPanel>
            <TextBlock Text="{Binding Name}"/>
            <ListView ItemsSource="{Binding Childs}"/>
        </StackPanel>
    </DataTemplate>
    <DataTemplate DataType="{x:Type local:Child}">
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="{Binding Name}"/>
            <TextBlock>, </TextBlock>
            <TextBlock Text="{Binding Age}"/>
        </StackPanel>
    </DataTemplate>

然后你可以像这样绑定它：

<ListView ItemsSource="{Binding Parents}"/>

注意：您可能想要稍微摆弄一下样式，因为开箱即用，这看起来有点垃圾。至少，您可能希望缩进子 ListView（在父 DataTemplate 中定义的那个）并去掉它的边框。

另请注意：为名称和年龄布局多个 TextBlock 的 StackPanel 也不理想，但它又快又脏。你可能想以不同的方式处理它。您可以使用（多）转换器对其进行格式化，使用 StringFormat 或将另一个属性添加到您的模型中以供显示，甚至只是覆盖子类上的 ToString。

另一个编辑

使用 DataGrid 的一个快速（且丑陋）的示例：

<DataGrid ItemsSource="{Binding Parents}" AutoGenerateColumns="False">
    <DataGrid.RowDetailsTemplate>
        <DataTemplate>
            <DataGrid ItemsSource="{Binding Childs}"/>
        </DataTemplate>
    </DataGrid.RowDetailsTemplate>
    <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding Name}"/>
    </DataGrid.Columns>
</DataGrid>

这使用行详细信息模板将数据网格放置在数据网格内。如果单击一行，它会将子项显示为行详细信息。如果您希望详细信息始终可用，您可以删除 RowDetailsTemplate 并将 DataGridTextColumn 替换为 DataGridTemplateColumn，然后为您的数据定义一个模板。

于 2012-04-17T13:40:30.757 回答
3

如果您不希望树视图（这可能是最好的，因为您有一个层次结构 - 尽管它只有一层深度，所以您可能仍然需要一个列表）......
你可以做这样的事情（这是一个粗略的轮廓，你应该填写点）...... 

<ItemsControl ItemsSource="{Binding AllNodes}">
</ItemsControl>

...并为每种类型专门定义了模板，就像马特提到的... 

<DataTemplate DataType="{x:Type namespace:Child}">
...
</DataTemplate>

<DataTemplate DataType="{x:Type namespace:Parent}">
...
</DataTemplate>

...虽然这AllNodes是您需要flatten从您拥有的层次结构中获取的列表，但您可以使用它... 

var allnodes = Parents.SelectMany(p => new object[]{p}.Concat(p.Childs));

...并将 AllNodes 公开为类似于父母的属性 - 您只需要一个视图模型，并按照建议正确实施 INotifyPropertyChanged。

希望这可以帮助

于 2012-04-17T14:10:36.677 回答