【问题标题】:Populate TreeView from DataTable or List that contains tree-like data从 DataTable 填充 TreeView
【发布时间】:2012-12-09 20:01:08
【问题描述】:

我在我的数据库中创建了一个帐户表,其中包含以下列:

ID
Name
ParentID

这是如何存储记录的示例:

ID   Name    ParentID
1    BANK A  0
2    0001    1
3    0002    1
4    BANK B  0
5    0001    4
6    0002    4

但是公司名称不是来自数据库,而是来自代码。那么我怎样才能像这样扩展TreeView呢?

├─ BANK A
│  ├─ 0001
│  └─ 0002
└─ BANK B
   ├─ 0001
   └─ 0002

如何在 C# 中做到这一点?我也试过HERE,但还是不明白。

【问题讨论】:

    标签: c# .net winforms datatable treeview


    【解决方案1】:

    我花了 2 小时编写复杂的算法后,发现了一段对我非常有用的代码:

     //In Page load
     //select where id is null to retrieve the parent nodes 
     //in a datatable (called table here)
     foreach (DataRow row in table.Rows)
     {
       TreeNode node = new TreeNode();
       node.Text = row["title"].ToString();
       node.Value = row["id"].ToString();
       //you can affect the node.NavigateUrl
    
       node.PopulateOnDemand = true;
       TreeView1.Nodes.Add(node);
     }
    

    然后创建 TreeNodePopulate 事件:

     protected void TreeView1_TreeNodePopulate(Object sender, TreeNodeEventArgs e)
     {
         string id= e.Node.Value;
         //do your "select from yourTable where parentId =" + id;
    
         foreach (DataRow row in table.Rows)
         {
             TreeNode node = new TreeNode(row["title"], row["id"])
             node.PopulateOnDemand = true;    
             e.Node.ChildNodes.Add(node);
         }
    
     }
    

    它对我来说非常有用,我希望它会有所帮助!

    【讨论】:

    • 代码丢失或错误:WinForm TreeView TreeNode 没有 'PopulateOnDemand 属性。
    • 这段代码已经有将近6年的历史了,你可能需要找到一个等效的方法。从那以后我就没有接触过 C#。
    • 'PopulateOnDemand 在 System.Web.UI.WebControls 这是一个 WinForm 问题。
    【解决方案2】:

    要从DataTable 或任何IEnumerable<T> 填充TreeView,您应该能够回答以下问题:

    1. 什么是数据源项
    2. 如何检测数据源中的项是否为树中的根项
    3. 如何在数据源中查找某项的子项
    4. 如何从数据源项创建树项。

    通过将上述问题的答案作为 lambda 表达式传递给以下方法,它使用递归算法创建一个 TreeNode 列表,您可以将其添加到 TreeView。每个TreeNode 包含后代TreeNode 项:

    private IEnumerable<TreeNode> GetTreeNodes<T>(
        IEnumerable<T> source,
        Func<T, Boolean> isRoot,
        Func<T, IEnumerable<T>, IEnumerable<T>> getChilds,
        Func<T, TreeNode> getItem)
    {
        IEnumerable<T> roots = source.Where(x => isRoot(x));
        foreach (T root in roots)
            yield return ConvertEntityToTreeNode(root, source, getChilds, getItem); ;
    }
    
    private TreeNode ConvertEntityToTreeNode<T>(
        T entity,
        IEnumerable<T> source,
        Func<T, IEnumerable<T>, IEnumerable<T>> getChilds,
        Func<T, TreeNode> getItem)
    {
        TreeNode node = getItem(entity);
        var childs = getChilds(entity, source);
        foreach (T child in childs)
            node.Nodes.Add(ConvertEntityToTreeNode(child, source, getChilds, getItem));
        return node;
    }
    

    示例

    我假设您已将数据加载到以下结构中:

    var dt = new DataTable();
    dt.Columns.Add("Id", typeof(int));
    dt.Columns.Add("Name", typeof(string));
    dt.Columns.Add("ParentId", typeof(int));
    
    dt.Rows.Add(1, "Menu 1", DBNull.Value);
    dt.Rows.Add(11, "Menu 1-1", 1);
    dt.Rows.Add(111, "Menu 1-1-1", 11);
    dt.Rows.Add(112, "Menu 1-1-2", 11);
    dt.Rows.Add(12, "Menu 1-2", 1);
    dt.Rows.Add(121, "Menu 1-2-1", 12);
    dt.Rows.Add(122, "Menu 1-2-2", 12);
    dt.Rows.Add(123, "Menu 1-2-3", 12);
    dt.Rows.Add(124, "Menu 1-2-4", 12);
    dt.Rows.Add(2, "Menu 2", DBNull.Value);
    dt.Rows.Add(21, "Menu 2-1", 2);
    dt.Rows.Add(211, "Menu 2-1-1", 21);
    

    然后将它转换为TreeView的节点,可以使用以下代码:

    var source = dt.AsEnumerable();
    var nodes = GetTreeNodes(
            source,
            (r) => r.Field<int?>("ParentId") == null,
            (r, s) => s.Where(x => r["Id"].Equals(x["ParentId"])),
            (r) => new TreeNode { Text = r.Field<string>("Name") }
    );
    treeView1.Nodes.AddRange(nodes.ToArray());
    

    因此,您将拥有以下树形结构:

    ├─ Menu 1
    │  ├─ Menu 1-1
    │  │  ├─ Menu 1-1-1
    │  │  └─ Menu 1-1-2
    │  └─ Menu 1-2
    │     ├─ Menu 1-2-1
    │     ├─ Menu 1-2-2
    │     ├─ Menu 1-2-3
    │     └─ Menu 1-2-4
    └─ Menu 2
       └─ Menu 2-1
          └─ Menu 2-1-1
    

    【讨论】:

      猜你喜欢
      • 2010-10-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-05-25
      • 2017-06-05
      • 1970-01-01
      • 2011-09-04
      相关资源
      最近更新 更多