[CLOSED] [1.0] Drag and Drop - javascript error

[Patrick]

I have an issue while using the drag and drop method, I receive an error while dragging any panel.

The js error I get is when the following function gets executed: Ext.getCmp(this.el.dom.id)

"this.el" is undefined


I have several divs placed on my page with the following class:

<div id="xx0232" class="adoreeditordroppanel">&amp;nbsp;


On my PageLoad I place the following DropTarget:

            DropTarget dt = new DropTarget();
            dt.Target = "${.adoreeditordroppanel}";
            dt.Group = "DropPanelsDD";
            dt.OverClass = "invite";
            dt.NotifyDrop.Handler = "var cmp = Ext.getCmp(this.el.dom.id);cmp.add(data.panel);cmp.doLayout.defer(10,cmp);";
            dt.NotifyOver.Handler = "Ext.select('.adoreeditordroppanel').removeClass('invite'); this.el.addClass('invite');";

And I place a certain amount of Panels which should be draggable:

                            Panel WidgetPanel = this.BuildWidgetPanel(Widget.PageWidgetId, Widget.WidgetFile, "Widget");
                            WidgetPanel.DraggableConfig.Group = "DropPanelsDD";
                            WidgetPanel.Draggable = true;
                            WidgetPanel.DraggableConfig.StartDrag.Handler = "Ext.select('.adoreeditordropPanel').addClass('x-drop-marker');";
                            WidgetPanel.DraggableConfig.EndDrag.Handler = "Ext.select('.adoreeditordropPanel').removeClass('x-drop-marker');";
                            WidgetPanel.Collapsible = true;

[Vladimir]

Hi,

Your drop target is div element. Therefore you cannot use Ext.getCmp which works with Ext.Net components only. I suggest to use the following handler

 <NotifyDrop Handler="this.el.appendChild(data.panel.el);" />

or replace divs by Panel or Container controls

[Patrick]

Super.. thnx once again ;-)

solved again.