在面板上拖放网格

Question

我有一个面板，面板内有三个网格。 我希望能够通过拖放来移动网格。 我有可拖动的：true和enableDragDrop：true，这似乎允许我拖动但不拖放。

任何天才的帮助将不胜感激。

Answer 1

为了删除可拖动的内容，您需要定义一个Ext.dd.DropTarget或Ext.dd.DropZone并定义该项目被删除时所需的行为。如果区域中有多个放置目标位置不同，则使用DropZone，但听起来像您需要DropTarget，它用于放置单个元素（例如面板内部）。

为了使整个面板能够删除的东西上，面板进入的DropTarget的构造函数，并重写notifyDrop功能：传递到函数

var panelDropTarget = new Ext.dd.DropTarget(panel, { 
    notifyDrop: function(dragsource, event, data) { 
     // do something with the dragsource 
    } 
}); 

的dragsource将网格在其中（我认为它将是dragsource.panel，但使用Firebug调试来确定该源对象具有的内容）。

一旦你在网格上有一个句柄，你可以在面板中重新排序它，移动它的某个地方，或者定义你想要的任何行为。