그리드간 드래그 앤 드롭

그리드 내에서 선택된 행, 행들을 다른 그리드에 드래그 앤 드롭방식으로 행을 이동시킵니다.

드래그 앤 드롭 설정

그리드간 드래그 앤 드롭 기능을 사용할 수 있도록 각 그리드에 설정합니다.

gridView.editOptions.movable = true;
 
gridView2.editOptions.movable = true;

var dropMode = document.getElementById("dropMode").value
gridView.dataDropOptions.dropMode = dropMode //copy, move
gridView2.dataDropOptions.dropMode = dropMode //copy, move

드래그 앤 드롭 사용방법

선택 영역의 이동시킬 셀 위치에 마우스 hover시 이동할 수 있도록 커서가 변경됩니다.
범위 선택 시 선택된 셀 앞부분 위치에 마우스 hover시 이동할 수 있도록 커서가 변경됩니다.
단축키 사용시 포커스 및 범위선택 된 영역에 마우스 hover시 이동할 수 있도록 커서가 변경됩니다.
단축키: Ctrl + Alt(windows), command + options(mac)
행을 이동을 시키기 위해서는 마우스 커서가 변경된 상태에서 드래그를 해야합니다.

행 Drag & Drop Grid To Div