Перетаскивание компонентов в одном контейнере с помощью EXTJS 4

Question

Я создал контейнер, содержащий в нем 20 компонентов. Каждый из компонентов создается через xtype: 'component'. Я хочу иметь возможность перетаскивать каждый компонент в любом месте в контейнере, а результат конечного результата должен быть чем-то вроде обмена между компонентами. Данные компонента хранятся в базе данных вместе с координатами X и Y (а не фактическими указателями на странице) EX: Скажем, контейнер имеет 2 столбца и 10 строк, каждая строка снова представляет собой контейнер, содержащий два компонента в нем с X и Y co -определяет при X = 0, Y = 0 и X = 1, Y = 0 и т. д.

Как я могу достичь функциональности перетаскивания для этого? Я должен иметь возможность получить координаты X и Y для компонента, который перетаскивается, и координаты X и Y компонента, которые этот компонент будет удален.

Answer 1

Я использую Сортируемый плагин, созданный с помощью HTML 5 дней & D, чтобы перетащить панель

здесь простая скрипка https://fiddle.sencha.com/#view/editor&fiddle/1kuo

Вот плагин, который я использую:

https://github.com/RubaXa/Sortable

благодаря RubaXa и другим работникам