【问题标题】:Drag and drop components with in the same container using EXTJS 4使用 EXTJS 4 在同一容器中拖放组件
【发布时间】:2017-04-02 08:26:15
【问题描述】:

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

我怎样才能为此实现拖放功能?我应该能够获取被拖动组件的 X 和 Y 坐标以及该组件将被丢弃的组件的 X 和 Y 坐标。

【问题讨论】:

  • 关于这个问题的任何更新?
  • 你是用senchas拖拽还是html5拖拽?
  • 我用的是sencha的拖拽:Ext.dd.DragZone和Ext.dd.DropZone
  • 所以你想要一种可以改变组件顺序的拖动仪表板?
  • 是的,有什么想法可以通过使用 onNodeDrop() 函数来完成吗?或任何代码示例?

标签: drag-and-drop extjs4.1


【解决方案1】:

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

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

这是我正在使用的插件:

https://github.com/RubaXa/Sortable

感谢 RubaXa 和其他工作人员

【讨论】:

    猜你喜欢
    • 2012-06-15
    • 2012-01-14
    • 1970-01-01
    • 1970-01-01
    • 2023-04-03
    • 2017-12-17
    • 2013-12-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多