[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.