[DEVEXPRESS] How to use TreeList with Checkbox in C# Winform

Xin chào các bạn, bài viết hôm nay mình chia sẻ các bạn cách sử dụng Treelist với Checkbox trên Devepxress lập trình C#, Winform.

[DEVEXPRESS] Hướng dẫn sử dụng TreeList Checkbox trên C# winform

Dưới đây, là hình ảnh demo ứng dụng:

Ở ví dụ, mình sẻ hiển thị danh sách đơn vị hành chính của nước Việt Nam, và khi chúng ta check một tỉnh thành, nó sẽ chọn hết tất cả các nhánh con của nó.

Chi tiết, các bạn có thể tham khảo video dưới đây:


Full Source code C#:

using DevExpress.XtraEditors;
using DevExpress.XtraTreeList.Nodes;
using DevExpress.XtraTreeList;
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;

using Newtonsoft.Json;
using System.IO;

namespace TreeListCheckBox
{
    public partial class FrmTreeQuyHoach : DevExpress.XtraEditors.XtraForm
    {
        
        public FrmTreeQuyHoach()
        {
            InitializeComponent();
            treeQuyHoach.GetStateImage += TreeQuyHoach_GetStateImage;       
            treeQuyHoach.AfterCheckNode += treeList1_AfterCheckNode;
           // treeQuyHoach.DoubleClick += TreeQuyHoach_DoubleClick;
           
        }

        private void TreeQuyHoach_DoubleClick(object sender, EventArgs e)
        {
            TreeList tree = sender as TreeList;
            TreeListHitInfo hi = tree.CalcHitInfo(tree.PointToClient(Control.MousePosition));
            if (hi.Node != null)
            {
                hi.Node.Checked = !hi.Node.Checked;

                SetChildNodesCheckedState(hi.Node, hi.Node.CheckState);
            }
        }

      

        private void SetChildNodesCheckedState(TreeListNode parentNode, CheckState checkedState)
        {
            foreach (TreeListNode childNode in parentNode.Nodes)
            {
                childNode.Checked = checkedState == CheckState.Checked;

                if (childNode.HasChildren)
                {
                    SetChildNodesCheckedState(childNode, checkedState); 
                }
            }
        }

     

        private void treeList1_AfterCheckNode(object sender, DevExpress.XtraTreeList.NodeEventArgs e)
        {
            SetChildNodesCheckedState(e.Node, e.Node.CheckState);
        }

        private void TreeQuyHoach_GetStateImage(object sender, DevExpress.XtraTreeList.GetStateImageEventArgs e)
        {
            e.NodeImageIndex = e.Node.Level;
        }

        private void FrmTreeQuyHoach_Load(object sender, EventArgs e)
        {
            LoadDataToTreeView();

        }
       

        private void LoadDataToTreeView()
        {
            var jdata = File.ReadAllText("DVHC-data.json");
            var data = JsonConvert.DeserializeObject<List<DVHC>>(jdata);
            treeQuyHoach.KeyFieldName = "id";
            treeQuyHoach.ParentFieldName = "parent_id";
            treeQuyHoach.DataSource = data;
           // treeQuyHoach.ExpandAll();
            treeQuyHoach.ExpandToLevel(0);
            treeQuyHoach.OptionsView.ShowTreeLines = DevExpress.Utils.DefaultBoolean.True;
            treeQuyHoach.Appearance.FocusedCell.BackColor = SystemColors.Highlight;
            treeQuyHoach.Appearance.FocusedCell.ForeColor = SystemColors.HighlightText;
            treeQuyHoach.OptionsView.ShowCheckBoxes = true;
            
            treeQuyHoach.CustomDrawNodeCheckBox += treeList_CustomDrawNodeCheckBox;
          
        }

        public class DVHC
        {
            public string id { get; set; }
            public string parent_id { get; set; }
            public string name { get; set; }

        }

        void treeList_CustomDrawNodeCheckBox(object sender, CustomDrawNodeCheckBoxEventArgs e)
        {
            var d = e.Bounds;

            if (e.Info.CheckState == CheckState.Checked)
            {
                
                e.Cache.DrawImage(Properties.Resources.check_box, new Rectangle(e.Bounds.X, e.Bounds.Y, 18, 18));
            }
            else
            {
                e.Cache.DrawImage(Properties.Resources.check_box_empty, new Rectangle(e.Bounds.X, e.Bounds.Y, 18, 18));
            }

          
            e.Handled = true;
 
            //if (e.Node.HasChildren)
            //{
            //    int x2 = e.Bounds.Left + treeQuyHoach.ViewInfo.RC.LevelWidth / 2;
            //    int y2 = e.Bounds.Top + e.Bounds.Height / 2;
            //    int h2 = e.Bounds.Height / 2 + 1;
            //    Rectangle r1 = new Rectangle(e.Bounds.Left, y2, e.Bounds.Width, 1);
            //    Rectangle r2 = new Rectangle(x2, y2, 1, h2);
            //    Brush brush = treeQuyHoach.ViewInfo.RC.TreeLineBrush == null ? Brushes.Transparent : treeQuyHoach.ViewInfo.RC.TreeLineBrush;
            //    e.Graphics.FillRectangle(brush, r1);
            //    if (e.Node.Expanded)
            //    {
            //        e.Graphics.FillRectangle(brush, r2);
            //    }
            //    e.Handled = true;
            //}
        }

        private void btnRefresh_Click(object sender, EventArgs e)
        {
            LoadDataToTreeView();
        }

        private void simpleButton1_Click(object sender, EventArgs e)
        {

            List<object> checkedNodes = new List<object>();
            foreach (TreeListNode node in treeQuyHoach.Nodes)
            {
                if (node.CheckState == CheckState.Checked)
                {
                    checkedNodes.Add(node.GetValue("name"));
                }
                CheckChildNodes(node, checkedNodes);
            }

            // Use the checkedNodes list as needed

            var message = string.Join(",", checkedNodes);
            MessageBox.Show(message);
        }

        private void CheckChildNodes(TreeListNode node, List<object> checkedNodes)
        {
            foreach (TreeListNode childNode in node.Nodes)
            {
                if (childNode.CheckState == CheckState.Checked)
                {
                    checkedNodes.Add(childNode.GetValue("name"));
                    //checkedNodes.Add(childNode.GetValue("id")); id, code, parent_id, name lấy gì thì truyền vào đó
                }
                CheckChildNodes(childNode, checkedNodes);
            }
        }
    }

 }

Ở ví dụ, các bạn có thể thay đổi icon check và unchecked trên treelist như video mình demo.
Chúc các bạn thành công với thủ thuật trên.


PASSWORD UNZIP: HUNG.PRO.VN

PASSWORD UNZIP: HUNG.PRO.VN
Chúc Mọi Người Thành Công Với Thủ Thuật Trên.
Nếu mọi người có vướng mắc gì mình chia sẽ trên trang có thể gửi liên hê cho mình tại đây nhé.
Cảm ơn mọi người đã quan tâm.

No comments:

All Right Reserved © 2015 By Hung Pro VN