Bài 9 Lập trình C# Winform - Cách dùng TreeView trong C# Winforms

Trong bài này chúng ta sẽ tìm hiểu cách sử dụng TreeView trong C# Winforms. Đây là một điều khiển khá quen thuộc, nó được sử dụng rất nhiều trong việc quản lý dữ liệu.

Chúng ta sẽ cùng nhau tìm hiểu về công dụng cũng như các thuộc tính và phương thức, sự kiện của TreeView. Sau đó mình sẽ viết một chương trình áp dụng TreeView để xem sự khác nhau giữa TreeView và ListView nhé.

1. Giới thiệu TreeView trong C#

TreeView là điều khiển dùng để hiển thị danh sách các đối tượng dưới dạng phân cấp.

Đối tượng trong TreeView thường được gọi là Node và cấu trúc phân cấp của TreeView được biểu diễn bởi lớp TreeNode. Mỗi một Node trong TreeView có thể chứa các Node khác.

Node chứa một Node khác gọi là Node cha (RootNode) và Node được chứa goi là Node con (ChildNode).

Việc sử dụng điều khiển TreeView để hiển thị rất hữu ích, vì trình bày theo dạng phân cấp giúp việc hiển thị được rõ ràng và có hệ thông hơn.

Thuộc tính, phương thức và sự kiện của TreeView

Một số thuộc tính thường dùng của TreeView:

Một số phương thức thường dùng của TreeView:

Một số sự kiện thường dùng của TreeView:

Thuộc tính và phương thức của TreeNode

Một số thuộc tính thương dùng của TreeNode:

Một số phương thức thường dùng của TreeNode:

2. Sử dụng TreeView trong C#

Trong ví dụ này mình sẽ thực hiện một chương trình theo giao diện Form như dưới đây, với một số chức năng.

Tạo hệ thống cây TreeView gồm:

• Button "Thêm Node gốc": Thêm một Node gốc.
• Button "Thêm Node con": Thêm một Node con.
• Button "Xóa tất cả các Node": Hủy tất cả các Node trong TreeView.
• Butotn "Xóa Node được chọn": Xóa Node được chọn khỏi TreeView.
• Button "-": Thu hẹp lại vị trí chọn - thu hẹp lại các Node là con của Node.
• Button "+": Mở rộng tại vị trí chọn - mở rộng các Node là con của Node.
• Button "Đếm tổng Node TreeView": Đếm tổng Node có trên TreeView.

Việc đầu tiền chúng ta sẽ thiết kế giao diện tương tự như Form mẫu, bao gồm:

• 1 TextBox để nhập tiêu đề cho Node.
• 7 Button với các chức năng tương ứng.
• 1 TreeView để hiển thị danh sách các Node.

Sau khi tạo giao diện cho Form, ta bắt đầu thực hiện lần lượt các chức năng trên các nút Button.

Bước 1: xử lý sự kiện trên Button "Thêm Node gốc", với chức năng khi người dùng Click vào nút thì nội dung trong ô TextBox sẽ được thêm vào Node gốc trong TreeView.

Ta sử dụng string.IsNullOrEmpty() để xét điều kiện nếu như trong ô TextBox rỗng mà người dùng nhấn vào Button thì thông báo cho người dùng biết.

Tiếp đến ta sử dụng string.Equals() để so sánh nội dung trong ô TextBox với các Node trong TreeView, nếu bằng nhau thì thông báo cho người dùng biết đã tồn tại Node trong TreeView.

Sau khi xét xong điều kiện, bây giờ ta chỉ cần sử dụng Node.Add() để thêm nội dung từ TextBox vào Node. Khi thêm xong ta sẽ xóa nội dung trong ô TextBox bằng phương thức Clear().

Bước 2: Xử lý sự kiện trên Button "Thêm Node con", với chức năng khi người dùng nhâp chuột vào Button thì nội dung trong ô TextBox sẽ được thêm nào Node con của Node được chọn trong TreeView.

Tương tự như Button "Thêm Node gốc", ta cũng sử dụng string.IsNullOrEmpty() để thêm điều kiện cho nút. Sau đó sử dụng SelectedNode.Nodes.Add() để thêm Node con vào Node được chọn.

Bước 3: Xử lý sự kiện trên Button "Xóa tất cả các Node", với chức năng khi người dùng nhấn vào thì tất cả các Node sẽ được xóa.

Đơn giản ta chỉ cần sử dụng phương thức Clear() có trong Nodes để xóa tất cả các Node.

Bước 4: Xử lý sự kiện trên Button "Xóa Node được chọn", với chức năng xóa Node mà người dùng chọn khỏi TreeView.

Ta sẽ sử dụng SelectedNode.Remove() để xóa Node đang được chọn khỏi TreeView.

Bước 5: Xử lý sự kiện trên hai Button "-" và "+", với chức năng thu hẹp và mở rộng các Node trong TreeView.

Trong TreeView có hai sự kiện hổ trợ cho việc này đó chính là ExpandAll() và CollapseAll().

Bước 6: Xử lý sự kiện trên Button "Đếm tổng Node TreeView", với chức năng đếm tất cả các Node có trong TreeView.

Ta sẽ sử dụng GetNodeCount() để đếm tổng số Node trong TreeView().

Full Code:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace Bai_09_01
{
    public partial class frmMain : Form
    {
        public frmMain()
        {
            InitializeComponent();
        }

        private void btnThemNodeGoc_Click(object sender, EventArgs e)
        {
            bool t = false;
            if (!string.IsNullOrEmpty(txtNode.Text))
            {
                TreeNode Node = new TreeNode();
                Node.Text = txtNode.Text;
                foreach (TreeNode Nodex in treeView1.Nodes)
                {
                    if (string.Equals(Node.Text, Nodex.Text))
                    {
                        MessageBox.Show("Node da ton tai");
                        t = true;
                    }
                }
                if (t == false) treeView1.Nodes.Add(Node);
                txtNode.Clear();
                txtNode.Focus();
            }
            else
                MessageBox.Show("Node khong duoc de trong");
        }

        private void btn_ThemNodeCon_Click(object sender, EventArgs e)
        {
            if (!string.IsNullOrEmpty(txtNode.Text))
            {
                if (treeView1.SelectedNode != null)
                {
                    TreeNode SubNode = new TreeNode();
                    SubNode.Text = txtNode.Text;
                    treeView1.SelectedNode.Nodes.Add(SubNode);
                    txtNode.Clear();
                    txtNode.Focus();
                }
                else
                    MessageBox.Show("Ban chua tron vi tri tao Node con");
            }
            else
                MessageBox.Show("Node khong duoc de trong");
        }

        private void btn_XoaAllNode_Click(object sender, EventArgs e)
        {
            treeView1.Nodes.Clear();
        }

        private void btnXoaNodeChon_Click(object sender, EventArgs e)
        {
            if (treeView1.SelectedNode != null)
                treeView1.SelectedNode.Remove();
        }

        private void btnShow_Click(object sender, EventArgs e)
        {
            treeView1.ExpandAll();
        }

        private void btnAn_Click(object sender, EventArgs e)
        {
            treeView1.CollapseAll();
        }

        private void btnTongNode_Click(object sender, EventArgs e)
        {
            int n = treeView1.GetNodeCount(true);
            MessageBox.Show("Tong node cua TreeView: " + n);
        }
    }
}

Kết luận

Như vậy là chúng ta đã cùng nhau tìm hiểu về điều khiển TreeView trong C#, cũng như các thuộc tính, sự kiên và phương thức của nó. Đây là một điều khiển được sử dụng rất nhiều, vì vậy các bạn hãy luyện tập thật nhiều để thành thạo nó nhé. Ở bài tiếp theo mình sẽ hướng dẫn các bạn các điều khiển khác trong winforms, các bạn hãy chú ý theo dõi nhé !!!