拖放功能是添加的强大功能之一，可简化开发人员的任务。本质上，拖动操作是在某些UI元素上的单击手势，同时按住鼠标按钮并移动鼠标。在拖动操作后释放鼠标按钮时，将发生放置操作。

句法

将拖放类添加到可拖动目标。

var dd = Ext.create('Ext.dd.DD', el, 'imagesDDGroup', {
   isTarget: false
});

将拖放目标类添加到可插入目标。

var mainTarget = Ext.create('Ext.dd.DDTarget', 'mainRoom', 'imagesDDGroup', {
   ignoreSelf: false
});

例

以下是一个简单的示例。

上面的程序将产生以下结果-

借助Extjs中的拖放，我们可以将数据从一个网格移动到另一个网格，然后再从网格移动到表格。以下是在表格和表格之间移动数据的示例。

拖放-网格到网格

拖放-网格到表格