Results 1 to 2 of 2

Thread: drag and drop issue

  1. #1

    Default drag and drop issue

    hi.
    I have created a viewport with all the regions.
    in west region i have an accordion panel that displays 5 icons.
    in the center region i have a tabpanel configured like this:
    closable: false,
    autoScroll:true,
    html:'<div id="myDiv" style="background-color:red; width:1500px; height:400px"></div>',....

    when the tab is activated iam doing this:

    Code:
    var dragsource=new Ext.dd.DragSource("dragMe", {ddGroup:'TreeDD',dragData:{name: "draw2d.Start"}}); 
    					var dragsource2=new Ext.dd.DragSource("dragMe2", {ddGroup:'TreeDD',dragData:{name: "draw2d.End"}}); 
    					var droptarget=new Ext.dd.DDTarget('myDiv',{ddGroup:'TreeDD'});
    see I want to be able to drag any one of the icons located in the accordion into the body of the tabpanel that is located in the center region.

    i am able to make the icons draggable but they dont stick to the center tabpanel.

    please give some hints. anyone.

    thanks

  2. #2
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,890

    Default

    See the latest drag drop example in the main extjs.com examples section. It shows how to activate a DragZone which manages many draggable items, dragging each as a proxy (ie, a "picture" of the data being dragged, leaving the orignial in place until your code removes it on a successful drop)

    And it shows how to activate a DropZone to recieve notifications of gestures (nodeEnter, nodeOver, nodeOut and nodeDrop) from cooperating DragZones.

Posting Permissions

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