Treeview动态添加用户控件传值和取值的实例代码

接下来我会为您详细讲解“Treeview动态添加用户控件传值和取值的实例代码”的完整攻略。

问题背景

在.NET Forms应用中，有时需要在TreeView中动态添加用户控件，并传递值。而在取值时，需要将用户控件的值根据TreeView结构进行解析，因此需要一定的编程经验和技巧。

实现思路

我们可以在TreeView的节点上存储自定义对象，并将自定义对象包含需要传递的数据。在TreeView的节点展开事件中，动态创建用户控件，并把存储的自定义对象传递给用户控件。在用户控件的值更改事件中，将新的值存储到自定义对象中。在TreeView的节点选择事件中，取出节点存储的自定义对象，读取其中的值。

代码实现

下面是代码实现的详细步骤：

1. 定义自定义对象的类，如下：

public class TreeNodeData
{
    public int Id { get; set; }
    public string Name { get; set; }
    public string Value { get; set; }
}

1. 在TreeView的节点上存储自定义对象，如下：

TreeNode node = new TreeNode("Node1");
node.Tag = new TreeNodeData(){ Id = 1, Name = "Node1", Value = "Value1" };
treeView1.Nodes.Add(node);

1. 在TreeView的节点展开事件中，动态创建用户控件，并把存储的自定义对象传递给用户控件，如下：

private void treeView1_AfterExpand(object sender, TreeViewEventArgs e)
{
    TreeNode node = e.Node;
    TreeNodeData data = node.Tag as TreeNodeData;

    if (data != null)
    {
        UserControl1 uc = new UserControl1();
        uc.NodeData = data;
        node.Nodes.Clear();
        node.Nodes.Add(new TreeNode("loading..."));
        Task.Run(() =>
        {
            var items = LoadItems(data.Id); // 根据data.Id加载用户控件的子控件
            SetUserControlItems(node, items);
        });
    }
}

其中，SetUserControlItems方法用于将子控件添加到用户控件中，如下：

void SetUserControlItems(TreeNode node, List<TreeNodeData> items)
{
    BeginInvoke((MethodInvoker)delegate() // 多线程安全的更新UI
    {
        node.Nodes.Clear();
        foreach (var item in items)
        {
            TreeNode subNode = new TreeNode(item.Name);
            subNode.Tag = item;
            node.Nodes.Add(subNode);
        }
    });
}

1. 在用户控件的值更改事件中，将新的值存储到自定义对象中，如下：

public partial class UserControl1 : UserControl
{
    public TreeNodeData NodeData { get; set; }

    public UserControl1()
    {
        InitializeComponent();
    }

    private void textBox1_TextChanged(object sender, EventArgs e)
    {
        NodeData.Value = textBox1.Text;
    }
}

1. 在TreeView的节点选择事件中，取出节点存储的自定义对象，读取其中的值，如下：

private void treeView1_AfterSelect(object sender, TreeViewEventArgs e)
{
    TreeNode node = e.Node;
    TreeNodeData data = node.Tag as TreeNodeData;

    if (data != null)
    {
        UserControl1 uc = new UserControl1();
        uc.NodeData = data;
        textBox1.Text = data.Value;
    }
}

示例说明

下面是两条示例说明：

示例1

在TreeView上动态添加用户控件，并传递值。

首先，我们需要在TreeView的节点上存储自定义对象。假设我们需要在TreeView的根节点上存储一个名为“根节点”的自定义对象，其中包含一个值“Value1”，可以这样做：

TreeNodeData rootData = new TreeNodeData() { Id = 0, Name = "根节点", Value = "Value1" };
TreeNode root = new TreeNode(rootData.Name);
root.Tag = rootData;
treeView1.Nodes.Add(root);

接下来，在根节点的展开事件中，在用户控件中显示存储的值：

private void treeView1_AfterExpand(object sender, TreeViewEventArgs e)
{
    TreeNode node = e.Node;
    TreeNodeData data = node.Tag as TreeNodeData;

    if (data != null)
    {
        UserControl1 uc = new UserControl1();
        uc.NodeData = data;
        uc.Dock = DockStyle.Fill;
        splitContainer1.Panel2.Controls.Clear();
        splitContainer1.Panel2.Controls.Add(uc);
        uc.Show();
    }
}

在用户控件中，我们需要添加一个TextBox控件，并在其TextChanged事件中将新的值存储回自定义对象中：

public partial class UserControl1 : UserControl
{
    public TreeNodeData NodeData { get; set; }

    public UserControl1()
    {
        InitializeComponent();
        textBox1.Text = NodeData.Value;
    }

    private void textBox1_TextChanged(object sender, EventArgs e)
    {
        NodeData.Value = textBox1.Text;
    }
}

这样，在TreeView中切换节点时，就可以显示相应节点的值了。

示例2

在TreeView中动态添加多级用户控件，并将其子控件存储在节点的自定义对象中。

首先，我们需要为根节点增加子节点：

TreeNodeData rootData = new TreeNodeData() { Id = 0, Name = "根节点" };
TreeNode root = new TreeNode(rootData.Name);
root.Tag = rootData;
treeView1.Nodes.Add(root);

TreeNodeData childData = new TreeNodeData() { Id = 1, Name = "子节点1" };
TreeNode child = new TreeNode(childData.Name);
child.Tag = childData;
root.Nodes.Add(child);

在子节点的展开事件中，动态创建用户控件，并显示其子控件：

private void treeView1_AfterExpand(object sender, TreeViewEventArgs e)
{
    TreeNode node = e.Node;
    TreeNodeData data = node.Tag as TreeNodeData;

    if (data != null)
    {
        UserControl1 uc = new UserControl1();
        uc.NodeData = data;
        uc.Dock = DockStyle.Fill;
        splitContainer1.Panel2.Controls.Clear();
        splitContainer1.Panel2.Controls.Add(uc);
        uc.Show();

        var items = LoadItems(data.Id); // 根据data.Id加载子控件数据
        foreach (var item in items)
        {
            TreeNode subNode = new TreeNode(item.Name);
            subNode.Tag = item;
            node.Nodes.Add(subNode);
        }
    }
}

在用户控件中，我们需要添加一个ListBox控件，用于显示子控件，并在其ValueChanged事件中在节点的自定义对象中存储当前选择的子控件：

public partial class UserControl1 : UserControl
{
    public TreeNodeData NodeData { get; set; }

    public UserControl1()
    {
        InitializeComponent();
    }

    private void UserControl1_Load(object sender, EventArgs e)
    {
        var items = LoadSubItems(NodeData.Id); // 根据NodeData.Id加载子控件数据
        foreach (var item in items)
        {
            listBox1.Items.Add(item);
        }
    }

    private void listBox1_SelectedValueChanged(object sender, EventArgs e)
    {
        TreeNodeData selectedData = listBox1.SelectedItem as TreeNodeData;
        NodeData.Value = selectedData.Value;
        // 将当前选择的子控件存入父节点的Tag中
        Control parent = this.Parent;
        while (parent != null && !(parent is TreeNode))
        {
            parent = parent.Parent;
        }
        if (parent != null)
        {
            TreeNode parentNode = parent as TreeNode;
            if (parentNode.Tag is TreeNodeData)
            {
                (parentNode.Tag as TreeNodeData).Value = selectedData.Name;
            }
        }
    }
}

这样，在TreeView中切换节点时，就可以显示相应节点的子控件了。