Question

我在StackOverflow周围搜索，但似乎找不到答案。我是WPF的新手，我真的对xaml部分感到困惑。那么如何从下面构造像xml这样的结构呢？

我正在尝试为此xml建立视图：

<?xml version="1.0" encoding="utf-8"?>
<Patients>
  <Patient>
    <ID>44</ID>
    <Name>Ben Garsia</Name>
    <Year>1985</Year>
  </Patient>
  <Patient>
    <ID>22</ID>
    <Name>Melisa Mayer</Name>
    <Year>1968</Year>
  </Patient>
  <Patient>
    <ID>33</ID>
    <Name>Morgan Smith</Name>
    <Year>1979</Year>
  </Patient>
</Patients>

并希望Treeview完全像这样，所以首先将患者作为一个节点，然后在我对其进行扩展时，使其具有三个节点“患者”，然后是患者的相关内容。

相反，我得到了：

Patients
  44Ben Garsia1985
  22Melisa Mayer1968
  33Morgan Smith1979

这是我的xaml：

<Window x:Class="LoadTreeView.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:LoadTreeView"
    Title="MainWindow" Height="450" Width="800">
<Grid Margin="10">
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <TreeView Name="treeViewT">
        <TreeView.Resources>
            <HierarchicalDataTemplate DataType="{x:Type local:PatientsList}" ItemsSource="{Binding Patients}">
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="Patients" />
                </StackPanel>
            </HierarchicalDataTemplate>
            <DataTemplate DataType="{x:Type local:Patient}">
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="{Binding ID}" />
                    <TextBlock Text="{Binding Name}" />
                    <TextBlock Text="{Binding Year}" />
                </StackPanel>
            </DataTemplate>
        </TreeView.Resources>
    </TreeView>

    <StackPanel Orientation="Horizontal" Grid.Row="1" HorizontalAlignment="Center">
        <Button x:Name="btnLoad" Content="Load file" Width="100" Click="button_Click"  
            HorizontalAlignment="Left" Margin="4" VerticalAlignment="Top"/>
    </StackPanel>
</Grid>

我使用过的类：

[System.Xml.Serialization.XmlTypeAttribute(AnonymousType = true)]
public class Patient
{
    public int ID { get; set; }

    public string Name { get; set; }

    public int Year { get; set; }

}

[XmlRootAttribute("Patients")]
public class PatientsList
{
    [XmlElement("Patient")]
    public Patient[] Patients { get; set; }

}

在xaml后面的代码中，我像这样填充它：

var patientsList = new List<PatientsList>();
        patientsList.Add(patients);

        treeViewT.ItemsSource = patientsList;

Answer 1

您正在将患者的DataTemplate定义为具有三个TextBlock的堆栈面板，这就是树中每个节点所显示的内容。

相反，DataTemplate应该只是您希望节点显示的内容，可能只是名称的单个文本块，也许带有图标。

要为其他属性添加额外的节点，患者对象需要有一个对象集合（最好是ObservableCollection）（可以是字符串），这些对象可以是每个患者节点的ItemSource。

通常，TreeView应该为顶级节点（在您的示例中为PatientLists）具有一个ItemSource，并且您为Patient定义一个HierarchicalDataTemplate，它将有一个ItemSource指向其子节点列表。然后，您将为该列表中的每种类型的对象定义另一个HierarchicalDataTemplate（或只是一个DataTemplate）。

在您的情况下，您可能需要一个PatientViewModel，它将显示ObservableList字符串作为其属性。

Answer 2

您可以为Tree绑定创建一个单独的类（TreeViewModel）。这是与XML完全相同的树的代码。

XAML：

<TreeView Name="treeViewT" ItemsSource="{Binding Tree}" >
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate DataType="{x:Type local:TreeViewModel}" ItemsSource="{Binding Children}">
            <TextBlock Text="{Binding Title}"/>
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

ViewModel：

public class ViewModel 
{

    public ViewModel()
    {
        Tree = new ObservableCollection<TreeViewModel>();
        LoadData();
    }

    private void LoadData()
    {
        var list1 = new PatientsList();
        list1.Patients.Add(new Patient { ID = 44, Name = "Ben Garsia", Year = 1985 });
        list1.Patients.Add(new Patient { ID = 22, Name = "Melisa Mayer", Year = 1968 });
        list1.Patients.Add(new Patient { ID = 33, Name = "Morgan Smith", Year = 1979 });

        var root = new TreeViewModel();
        root.Add(list1);
        Tree.Add(root);
    }

    public ObservableCollection<TreeViewModel> Tree { get; set; }
}

TreeViewModel类：

public class TreeViewModel
{
    public TreeViewModel()
    {
        Children = new ObservableCollection<TreeViewModel>();
        Title = "Patients"; // Root node name
    }

    public string Title { get; private set; }

    public ObservableCollection<TreeViewModel> Children { get; }

    public void Add(PatientsList list)
    {
        foreach (var i in list.Patients)
        {
            var child = new TreeViewModel();
            child.Title = "Patient"; // Level2 node name
            child.Add(i);
            Children.Add(child);
        }

    }

    private void Add(Patient patient)
    {
        Add($"ID: {patient.ID}");
        Add($"Name: {patient.Name}");
        Add($"Year: {patient.Year}");
    }

    private void Add(string title)
    {
        Children.Add(new TreeViewModel { Title = title });
    }
}

用特定的XML结构填充wpf TreeView

2 个答案: