extjs - 在面板上拖放网格

Question

我有一个面板，在面板内我有三个网格。
我希望能够通过拖放来移动网格。
我有 draggable: 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 调试来确定该源对象中的确切内容)。

一旦您在网格上有了一个句柄，您就可以在面板中对其重新排序、将其移动到某个地方，或者定义您想要的任何行为。