[C#/Devexpress/Winform] GridControl의 아이템을 Drag & Drop 하여 다른 Control에 전달하는 방법 소개

GridControl의 아이템을 Drag & Drop 하여 다른 Control에 전달하는 방법 소개

• 샘플 코드 시나리오
  1. Form을 Load할 때, GridControl에 데이터 Set
  2. GridControl의 아이템을 클릭 후 Drag하여 TextEdit에 Drop
  3. 아이템을 Drop한 TextEdit에 클릭한 GridControl의 아이템 정보 Set 

• 프로젝트 환경
  • .Net Framework 4.5.2
  • Devexpress 21.1

 

Step 1. 아래와 같이 UI를 배치한다. Devexpress의 GridContro와 TextEdit을 배치

컨트롤 배치 화면

Step 2. 소스코드 작성

1. Form의 Load 이벤트 추가 

using DevExpress.XtraGrid.Views.Grid;
using DevExpress.XtraGrid.Views.Grid.ViewInfo;
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 Test1
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            Load += Form1_Load;
        }
 
        private void Form1_Load(object sender, EventArgs e)
        {
            SetUpGridControl();
            SetUpTextEdit();
        }
 
        void SetUpGridControl()
        {
            DataTable dt = new DataTable();
            dt.Columns.AddRange(new DataColumn[]
            {
                new DataColumn("NAME", typeof(string)),
            });
 
            dt.Rows.Add("MK");
            dt.Rows.Add("엠케이");
            dt.Rows.Add("엠케이월드");
 
            gridControl1.DataSource = dt;
            gridView1.OptionsBehavior.Editable = false;
 
            gridView1.MouseDown += GridView1_MouseDown;
            gridView1.MouseMove += GridView1_MouseMove;
        }
 
        void SetUpTextEdit()
        {
            textEdit1.AllowDrop = true;
 
            textEdit1.DragEnter += TextEdit1_DragEnter;
            textEdit1.DragOver += TextEdit1_DragOver;
            textEdit1.DragDrop += TextEdit1_DragDrop;
        }
 
 
        GridHitInfo hitInfo;
        private void GridView1_MouseDown(object sender, MouseEventArgs e)
        {
            var view = sender as GridView;
            hitInfo = null;
 
            // GridControl 안에서 Hit 된 정보를 가져온다. 
            GridHitInfo hit = view.CalcHitInfo(e.X, e.Y);
            if (Control.ModifierKeys != Keys.None)
            {
                return;
            }
 
            // 마우스 좌클릭 & GridControl의 Row 안에서 클릭되었으면 Hit 정보를 맴버 변수에 저장
            if (e.Button == MouseButtons.Left && hit.RowHandle >= 0)
            {
                hitInfo = hit;
            }
        }
 
 
        private void GridView1_MouseMove(object sender, MouseEventArgs e)
        {
            GridView view = sender as GridView;
            if (e.Button != MouseButtons.Left || hitInfo == null)
            {
                return;
            }
 
            Size dragSize = SystemInformation.DragSize;
            Rectangle dragRect = new Rectangle(
                hitInfo.HitPoint.X - dragSize.Width / 2,
                hitInfo.HitPoint.Y - dragSize.Height / 2,
                dragSize.Width,
                dragSize.Height);
 
            // Hit 포인트에서 DragSize를 벗어나면 (즉, 드레그가 되었는지 판단되면)
            // 저장한 Hit 정보에서 선택된 Row 정보를 DoDragDrop 함수를 통해 전달. 
            if (!dragRect.Contains(e.X, e.Y))
            {
                var row = view.GetRow(hitInfo.RowHandle);
                // DoDragDrop이 호출되고 Mouse Up 되기 전까지 DoDragDrop이 끝나지 않음
                view.GridControl.DoDragDrop(row, DragDropEffects.Copy);
 
                // DoDragDrop이 끝났기 때문에 Hit 정보 초기화 
                hitInfo = null;
                DevExpress.Utils.DXMouseEventArgs.GetMouseArgs(e).Handled = true;
            }
        }
 
        private void TextEdit1_DragEnter(object sender, DragEventArgs e)        {            DataObject doDrop = (DataObject)e.Data;            e.Effect = DragDropEffects.Copy;        }        private void TextEdit1_DragOver(object sender, DragEventArgs e)        {            e.Effect = DragDropEffects.Copy;        }
 
        private void TextEdit1_DragDrop(object sender, DragEventArgs e)
        {
            DataObject doClipboard = (DataObject)e.Data;
            // DragEventArgs의 Data의  데이터 타입이 DataRowView이면, 해당 정보를 TextEdit에 저장
            if (doClipboard.GetDataPresent(typeof(DataRowView)))
            {
                DataRowView row = doClipboard.GetData(typeof(DataRowView)) as DataRowView;
                textEdit1.Text = row[0].ToString();
            }
        }
        
 
       
 
 
    }
}

3. 실행 결과

샘플 코드 실행 결과