EXTJS 4를 사용하여 동일한 컨테이너에 구성 요소 끌어 놓기

Question

20 개의 구성 요소가 포함 된 컨테이너를 만들었습니다. 각 구성 요소는 xtype : 'component'를 통해 생성됩니다. 컨테이너에있는 모든 위치에서 각 구성 요소를 끌어다 놓을 수 있기를 원하며 최종 결과는 구성 요소간에 교환하는 것과 같아야합니다. 구성 요소 데이터는 X 및 Y 좌표 (실제 페이지 포인터가 아님)와 함께 데이터베이스에 저장됩니다. EX : 컨테이너에는 2 열과 10 행이 있고 각 행은 다시 X와 Y가 포함 된 두 개의 구성 요소가 포함 된 컨테이너입니다. X = 0, Y = 0, X = 1, Y = 0 등의 좌표.

어떻게하면 드래그 앤 드롭 기능을 사용할 수 있습니까? 드래그 된 구성 요소에 대한 X 및 Y 좌표와이 구성 요소가 삭제 될 구성 요소의 X 및 Y 좌표를 가져올 수 있어야합니다.

Answer 1

내가 대시 보드 여기

을 드래그하기 위해 HTML 5 D & D로 만든 정렬 플러그인을 사용하고있어 간단한 바이올린 여기 https://fiddle.sencha.com/#view/editor&fiddle/1kuo

것은 내가 사용하고 플러그인입니다 :

RubaXa와 다른 노동자에

https://github.com/RubaXa/Sortable

감사