使用EXTJS 4在同一容器中拖放组件

时间:2016-11-18 13:05:04

标签: drag-and-drop extjs4.1

我创建了一个包含20个组件的容器。每个组件都是通过xtype:'组件'创建的。我希望能够将每个组件拖放到容器中的任何位置,最终结果应该类似于组件之间的交换。组件数据与X和Y坐标(不是实际页面指针)一起存储在数据库中 EX:Say容器有2列10行,每行又是一个包含两个组件的容器,X和Y坐标为X = 0,Y = 0,X = 1,Y = 0,依此类推。 / p>

如何实现此拖放功能?我应该能够获得被拖动的组件的X和Y坐标以及该组件将被丢弃的组件的X和Y坐标。

1 个答案:

答案 0 :(得分:1)

我使用HTML 5 d& D创建的可排序插件来拖动仪表板

这是一个简单的小提琴 https://fiddle.sencha.com/#view/editor&fiddle/1kuo

以下是我使用的插件:

https://github.com/RubaXa/Sortable

感谢RubaXa和其他工作人员