【问题标题】:Treeview with multiple columns具有多列的树视图
【发布时间】:2015-08-26 22:48:51
【问题描述】:

我正在尝试在 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);
            }
    }
}

进程类:

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 - 明确地说,我现在有一个如下图所示的结构。唯一缺少的是模板?应该如何显示:

【问题讨论】:

  • 如果您需要列标题/调整大小/重新排列/排序,那么您的问题更像this one
  • 如果您需要列标题/调整大小/重新排列/排序,那么您的问题更像this one
  • 您是不是也缺少项目模板中的扩展器控件
  • 我不想要标题、调整大小、排序等。我只想要多列,对于我的过程类的每个属性,一列。

标签: c# wpf treeview datatemplate


【解决方案1】:

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

由于我很难找到任何有用的东西,我决定自己发布一个答案,以便其他人也可以使用它。

带模板的 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;

进程类:

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

【讨论】:

    【解决方案2】:

    看看这个第 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

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

    【讨论】:

    • 我已经看过这两个项目,但我想用某种模板中的网格来完成它。我不想让它过于复杂,..
    • 不幸的是,微软页面中用于下载项目的微软链接已损坏。
    猜你喜欢
    • 1970-01-01
    • 2021-09-06
    • 1970-01-01
    • 1970-01-01
    • 2013-11-26
    • 1970-01-01
    • 2012-05-31
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多