拖放插入 ExtJS 7.3 Classic

如何解决拖放插入 ExtJS 7.3 Classic

我正在使用 ExtJS 将拖放功能应用于仪表板中的面板。这些面板内部有小部件，用户可以通过拖放操作来更改这些小部件的位置。

但是当我放下一个小部件时，我正在更改两个小部件的索引，并且目标小部件正在再次加载。

当我放下小部件时，我不希望任何小部件再次加载。我该如何解决？

这是我的删除代码：

setDropZone: function (cmp) {
            cmp.DropZone = Ext.create("Ext.dd.DropZone",cmp.getEl(),{
                getTargetFromEvent: function (event) {
                    return cmp;
                },onNodeDrop: function (target,dd,e,data) {
                    debugger;
                    var component = cmp.up();
                    var tempWidgetIndex = data.componentClone.widgetIndex;

                    data.componentClone.widgetIndex = target.widgetIndex;

                    target.widgetIndex = tempWidgetIndex;

                    // Insert target to currents place
                    component.insert(target.widgetIndex,target);
                    target.saveState();

                    // Insert current to target
                     component.insert(
                         data.componentClone.widgetIndex,data.componentClone
                     );
                     data.componentClone.saveState();
                },ddGroup: "ddgroup"
            });
        }

如果有人能帮忙，那将非常有帮助！ 非常感谢?