多列树视图

Question

我正在尝试在 WPF 中创建一个包含多列的树视图。我很清楚，关于这个主题确实有很多问题。但是，他们在绑定数据时似乎采用了不同的方法。每个人似乎都设置了itemssource，因为我在后面的代码中填写了treeview.items。这也是我不确定是使用 ItemTemplate / HierarchicalDataTemplate 还是正确的方法来完成它的原因。（我觉得这应该是一个简单的步骤。）

我现在的代码如下：

Mainwindow.xaml

中的树视图

<TreeView x:Name="ProcesTree" Grid.Column="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
    <TreeView.ItemTemplate>
        <ItemContainerTemplate>
            <Grid>
                <TextBlock Text="{Binding procesNummer}" HorizontalAlignment="Left" VerticalAlignment="Center" Grid.Column="0"/>
                <TextBlock Text="{Binding procesNaam}" HorizontalAlignment="Left" VerticalAlignment="Center" Grid.Column="0"/>
            </Grid>
        </ItemContainerTemplate>
    </TreeView.ItemTemplate>
</TreeView>

Mainwindow.xaml.cs

public List<Proces> processen = new List<Proces>();

public MainWindow() {
    InitializeComponent();
    processen = Database.getHoofdProcessen();
    processen = Extensions.OrderByAlphaNumeric(processen, p => p.procesNummer);

    foreach (Proces p in processen) {
        writeProcesses(p, ProcesTree.Items);
    }
}


public void writeProcesses(Proces p, ItemCollection tv) {
    tv.Add(p);

    List<Proces> processen = Database.getProcessenOnNummer((p.procesNummer + ".%"));
    if (processen.Count != 0) {
        foreach (Proces pr in processen) {
                writeProcesses(pr, p.Items);
            }
    }
}

进程class：

public class Proces : TreeViewItem {
    public Int64 procesId { get; set; }
    public String procesNummer { get; set; }
    public String procesNaam { get; set; }
    public String procesOmschrijvig { get; set; }
    public Boolean procesEinde { get; set; }
}

@Edit - 明确地说，我现在的结构如下图所示。唯一遗漏的是模板？应该如何显示：

Answer 1

看看这个第 3 方控件（基本上它使用 ListView 模拟 TreeView 的功能，它应该比 TreeView 控件更快）应该满足您的要求：

http://www.codeproject.com/Articles/30721/WPF-TreeListView-Control

或者，可以根据您的需要修改 Microsoft 的以下代码（说明如何编辑 TreeViewItem 以支持列）https://msdn.microsoft.com/en-us/library/vstudio/ms771523%28v=vs.90%29.aspx

需要注意的是，这两个项目都不支持数据虚拟化。

Answer 2

我偶然发现了一种简单的方法来完成我正在尝试的事情。无需使用第三方控件或非常复杂的模板。感谢以下link： http://www.codemag.com/Article/1401031

因为我真的很难找到任何有用的东西，所以我决定自己 post 一个答案，这样其他人也可以利用它。

带模板的 Treeview 代码：

<TreeView BorderThickness="0" ItemsSource="{Binding processes}">
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding subProcesses}" >
            <Grid>

                //Number of columns
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="2*"/>
                </Grid.ColumnDefinitions>

                //Controls to use in the treeview grid
                <TextBlock Text="{Binding procesId}" Grid.Column="0"/>
                <TextBlock Text="{Binding procesName}" Grid.Column="1"/>

            </Grid>
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

要绑定到树视图的列表（每次您给进程一个子进程列表时，它都会在树视图中生成一个附加级别）：

List<Proces> processes;

进程class：

public class Proces {
    public Int64 procesId { get; set; }
    public String procesName { get; set; }
    public List<Proces> subProcesses { get; set; }
}

多列树视图

Treeview with multiple columns

c#

wpf

treeview

datatemplate