Results 1 to 5 of 5

Thread: Drag and drop data between child and the parent window

  1. #1
    Sencha User
    Join Date
    Mar 2010
    Posts
    24

    Default Drag and drop data between child and the parent window

    I have a child window which has a grid A. The values in the grid A needs to be dragged in to the parent window grid B. I can able to drag data in child window using below code

    Code:
    var grid = new Ext.Panel({
    		renderTo: 'main',
    		id: 'dplMainPanel',
    		title: 'Users',
    		iconCls: 'formIcon',
    		items:[{
    			xtype: 'editorgrid',
    			id: 'dplGrid',
    			store: store,
    			cm: columns,
    	                width: 400,
    	                height: 410,
    	                frame: true,
    	                clicksToEdit: 1,
    	                listeners: {
                	               render: function(){
                		             initializeDragZone(this);
                	               }
                            }
                   }]
            });
    
    function initializeDragZone(v) {
    	v.dragZone = new Ext.dd.DragZone(v.getEl(), {
            getDragData: function(e) {
                var sourceEl = e.getTarget(v.itemSelector, 10);
                if (sourceEl) {
                    d = sourceEl.cloneNode(true);
                    d.id = Ext.id();
                    return v.dragData = {
                        sourceEl: sourceEl,:
                        repairXY: Ext.fly(sourceEl).getXY(),
                        ddel: d,
                        fieldData: v.getRecord(sourceEl).data
                    }
                }
            },
            getRepairXY: function() {
                return this.dragData.repairXY;
            }
        });
    }
    And have interaction with the parent window as below

    Code:
        var pExt = opener.Ext;
        var pBody = opener.document.body;
        var ddm = Ext.dd.DragDropMgr;
        pExt.EventManager.on(pBody, 'mousemove',ddMouseMove, ddm, true);
        pExt.EventManager.on(pBody, 'mouseup',ddMouseUp, ddm, true);
    I dont know how to make drag element to fly inside parent window on mouse move (means inside ddMouseMove function) and to drop the element value in to the grid in parent window on mouse up (means inside ddMouseUp function).

    Please some one help me.

    Thanks a Ton in advance,
    Venky.

  2. #2
    Sencha User
    Join Date
    Mar 2010
    Posts
    24

    Default

    Please some one suggest me on how to achieve drag and drop between window and the pop up wndow

  3. #3

    Default

    Hi,

    I am trying to implement drag and drop from parent to child iframe. I am able to drop the items on a div if the iframe is removed. But the "notifyDrop()" is not called when I introduce the iframe into the div. Very few information is available on this on the internet, can anybody suggest me how to implement this?

    Thanks.

  4. #4
    Sencha User
    Join Date
    Mar 2010
    Posts
    24

    Default

    Can you share your code??

  5. #5

    Default

    I followed the site :
    http://examples.extjs.eu/ Example: Drag from tree to div

    But in the drop-target div, I have some other page embeded using <iframe>, which is creating the problem.
    Any suggestion is welcome.

    Thanks.

Similar Threads

  1. Replies: 1
    Last Post: 29 Jun 2009, 9:20 AM
  2. Access elements in child window containing IFRAME from parent window
    By Tinki in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 2 Jun 2009, 2:25 AM
  3. Replies: 2
    Last Post: 28 Nov 2007, 9:02 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •