- [C#] Cách Sử Dụng DeviceId trong C# Để Tạo Khóa Cho Ứng Dụng
- [SQLSERVER] Loại bỏ Restricted User trên database MSSQL
- [C#] Hướng dẫn tạo mã QRcode Style trên winform
- [C#] Hướng dẫn sử dụng temp mail service api trên winform
- [C#] Hướng dẫn tạo mã thanh toán VietQR Pay không sử dụng API trên winform
- [C#] Hướng Dẫn Tạo Windows Service Đơn Giản Bằng Topshelf
- [C#] Chia sẻ source code đọc dữ liệu từ Google Sheet trên winform
- [C#] Chia sẻ source code tạo mã QR MOMO đa năng Winform
- [C#] Chia sẻ source code phần mềm lên lịch tự động chạy ứng dụng Scheduler Task Winform
- [Phần mềm] Tải và cài đặt phần mềm Sublime Text 4180 full version
- [C#] Hướng dẫn download file từ Minio Server Winform
- [C#] Hướng dẫn đăng nhập zalo login sử dụng API v4 trên winform
- [SOFTWARE] Phần mềm gởi tin nhắn Zalo Marketing Pro giá rẻ mềm nhất thị trường
- [C#] Việt hóa Text Button trên MessageBox Dialog Winform
- [DEVEXPRESS] Chia sẻ code các tạo report in nhiều hóa đơn trên XtraReport C#
- [POWER AUTOMATE] Hướng dẫn gởi tin nhắn zalo từ file Excel - No code
- [C#] Chia sẻ code lock và unlock user trong domain Window
- [DEVEXPRESS] Vẽ Biểu Đồ Stock Chứng Khoán - Công Cụ Thiết Yếu Cho Nhà Đầu Tư trên Winform
- [C#] Hướng dẫn bảo mật ứng dụng 2FA (Multi-factor Authentication) trên Winform
- [C#] Hướng dẫn convert HTML code sang PDF File trên NetCore 7 Winform
C# - Kéo thả dòng từ một lưới sang một lưới khác trong cùng một form
Như tiêu đề đã nêu, bài viết này sẽ hướng dẫn cách lập trình cho gridcontrol để có thể kéo một dòng từ gridcontrol này sang một gridcontrol khác.
Drop and drag row from gridcontrol to another in the same form
Source code sử dụng VS2015 kèm Devexpress 16.2.4
Thực hiện ngay và luôn. Tạo một form gồm 2 gridcontrol như hình:
Kéo 2 cái GridControl từ Toolbox vào form, sau đó chỉnh thuộc tính cho cả 2 GridControl.
Lưu ý: GridControl khác GridView nha !!!
-
Thiết lập thuộc tính cho GridControl: Click chuột trái vào gridControl1 và nhấn F4 để mở bảng Properties, chỉnh AllowDrop thành
True
. Điều này nhằm cho phép GridControl nhận lệnh nhấn giữ chuột và kéo thả.
Tiếp tục click vào biểu tượng Events
(Hình tia sét trong bảng Properties), chuyển sang danh mục các sự kiện của GridControl, click đúp chuột vào sự kiện có tên DragDrop
và sự kiện DragOver
, để VS sẽ tạo sẵn cho mình 2 cái Events
đó. Thực hiện đủ 2 bước cho gridControl2
.
Thiết lập thuộc tính cho GridView: Click chuột vào gridView1, nhấn F4 để mở bảng Properties, trong mục OptionBehavior
, chỉnh thuộc tính EditTable
thành False
.
Bước này nhằm cho phép người dùng có thể nhấn chuột bất kì chỗ nào trong lưới và kéo thả tự do. Bạn có thể bỏ qua bước này, và thay vì kéo thả tự do, bạn có thể nắm đầu dòng và kéo thì vẫn Ô cê như thường.
Tiếp đến chuyển qua tab Events
click đúp chuột vào MouseDown
và MouseMove
. Mình sẽ sử dụng 4 sự kiện này cho chức năng kéo thả dòng.
Thực hiện tương tự cho gridView2
.
Một lưu ý nữa là: Ở gridControl1 và gridView1
chúng ta click chuột vào 2 sự kiện cho mỗi đứa thì ở gridControl2
và gridView2
ở các sự kiện đó, chúng ta nhấn chọn sự kiện đã tạo chứ không phải click đúp chuột. Vì 2 cái thằng này sẽ gọi chung một sự kiện tương ứng với từng loại. Ví dụ ở trên tên sự kiện là gridView1_MouseDown
, nếu thao tác click đúp chuột ở gridView2
thì nó sẽ tạo ra sự kiện khác là gridView2_MouseDown
, thực chất mình chỉ cần trõ tới gridView1_MouseDown
là được. Nhớ đánh dấu chỗ này.
Sau khi hoàn tất các thiết lập, trỡ lại form và nhấn F7 để thực hiện code cho các sự kiện đã tạo ra trên.
public Form1()
{
InitializeComponent();
DataTable dt = new DataTable();
dt.Columns.Add("ID", typeof(int));
dt.Columns.Add("Name", typeof(string));
dt.Rows.Add(new object[] { 1, "TONA Dinh" });
dt.Rows.Add(new object[] { 2, "Thảo Meo" });
dt.Rows.Add(new object[] { 3, "Cái Trí Minh" });
dt.Rows.Add(new object[] { 4, "Trịnh Quốc Khang" });
dt.Rows.Add(new object[] { 5, "Mr.Cùi Bắp" });
dt.Rows.Add(new object[] { 6, "Hoàng Thảo" });
gridControl1.DataSource = dt;
//DataTable dt3 = new DataTable();
//dt3.Columns.Add("ID", typeof(int));
gridControl2.DataSource = dt.Clone();//sẽ copy cấu trúc của Datable nhưng không có dữ liệu
}
GridHitInfo downHitInfor = null; //biến lưu cái dòng mình nhấn chuột
private void gridView1_MouseDown(object sender, MouseEventArgs e)
{//xử lý hốt cái dòng mình đã nhấn
GridView view = sender as GridView;
downHitInfor = null;
GridHitInfo hitInfor = view.CalcHitInfo(new Point(e.X,e.Y));
if (Control.ModifierKeys != Keys.None) return;
if(e.Button==MouseButtons.Left && hitInfor.RowHandle >= 0)
{
downHitInfor = hitInfor;
}
}
private void gridView1_MouseMove(object sender, MouseEventArgs e)
{//Xác định vị trí mà mình nhả chuột ra
GridView view = sender as GridView;
if(e.Button==MouseButtons.Left && downHitInfor != null)
{
Size dragSize = SystemInformation.DragSize;
Rectangle dragRect = new Rectangle(new Point(downHitInfor.HitPoint.X - dragSize.Width / 2, downHitInfor.HitPoint.Y - dragSize.Height / 2), dragSize);
if(!dragRect.Contains(new Point(e.X, e.Y)))
{
DataRow row = view.GetDataRow(downHitInfor.RowHandle);
view.GridControl.DoDragDrop(row, DragDropEffects.Move);
downHitInfor = null;
DevExpress.Utils.DXMouseEventArgs.GetMouseArgs(e).Handled = true;
}
}
}
//Ôi thôi, cứ copy qua là xài thôi..
private void gridControl1_DragDrop(object sender, DragEventArgs e)
{
GridControl grid = sender as GridControl;
DataTable table = grid.DataSource as DataTable;
DataRow row = e.Data.GetData(typeof(DataRow)) as DataRow;
if(row!=null && table!=null && row.Table != table)
{
table.ImportRow(row);
row.Delete();
}
}
private void gridControl1_DragOver(object sender, DragEventArgs e)
{
if (e.Data.GetDataPresent(typeof(DataRow)))
{
e.Effect = DragDropEffects.Move;
}
else
{
e.Effect = DragDropEffects.None;
}
}
Như vậy là đã xong. Nếu thực hiện đủ các bước thì kết quả sẽ là như này. Quá dễ phải không ? Mặc dù nhìn như kiến bò chẳng hiểu gì hết :D . Kệ đi code ngon á :v
Cám ơn đã theo dõi bài viết, nhấn like và share nếu thấy hưu ích hoặc comment góp ý để mình có những bài viết tốt hơn. Chúc các bạn thành công !
HAPPY CODING !