3 개의 그리드 간의 드래그&드랍으로 행 이동을 정의한 모습입니다.(이하 상단 1번, 하단 왼쪽 2번, 하단 오른쪽 3번 그리드로 칭함)
기본적으로 행 이동에 제약없이 드래그&드랍으로 서로 간에 행 이동을 할 수 있습니다. 그러나 특정 상황에서 다른 그리드에 드랍을 하지 못하도록 설정해야 할 필요가 있습니다.
본 데모는 다음 규칙대로 드래그&드랍이 가능하도록 설정하였습니다.
■ 규칙 1 : 1번 그리드는 자신에서 자신으로 행 이동 불가능(즉, 드래그&드랍은 타 그리드로만 가능하도록 설정)
■ 규칙 2 : 1번 그리드의 행을 드래깅 했을 때 2번, 3번에 드래그&드랍 가능
■ 규칙 3 : 2번 그리드의 행을 드래깅 했을 때 자기 자신의 행 이동, 3번 그리드에만 가능. 즉, 2번에서 1번으로 드랍 불가능
■ 규칙 4 : 3번 그리드의 행을 드래깅 했을 때 자기 자신의 행 이동, 2번 그리드에만 가능. 즉, 3번에서 1번으로 드랍 불가능
모든 데모는 각각 독립적인 단일 HTML 페이지입니다. 마우스 우클릭 후 "소스 보기" (또는 크롬 기준 단축키 Ctrl + U)로 어떻게 작성되었는지 쉽게 확인 할 수 있습니다.
Copyright © AUISoft Co., Ltd.