Drag and Drop Examples?

Are there any examples out there of an Edge Drag and Drop interaction? I need to create some drag and drop learning interactions in Edge and can't find any good examples.

So I am at a loss again. I am taking what you made and trying to adapt it to what I need. However whenever I bring in an image instead of using a rectangle the drop part never works. So it works completly fine just as the rectangle but the image now does not. I want the person to drag the image over to the drop area and have it run code once dropped.
Here is the link to what I have modified so far.
https://www.dropbox.com/s/lpuv6mdmdi37vya/NewSlide.zip
I think it may have to do with how it is referenced but not sure and could use some help.

Similar Messages

Search drag and drop example

I'm looking for a simple drag and drop example between two JList, what's the good way to do that....

Try to start www.google.com
enter "Drag Drop JList" and search i think the second is best:
http://java.sun.com/docs/books/tutorial/dnd/sheetal.html
sorry ;-) but you asked for a good way to look for a simple drag and drop example.

Drag and drop examples do not work ?!

Hi guys,
i want to add drag and drop functionality to one of my programs
i tried to run the java examples of this page:
http://java.sun.com/docs/books/tutorial/uiswing/dnd/intro.html
but it just does not work ! windows give me the "can't drop" icon when i drag a file in the frame
do you experience the same problem?
Thanks in advance

i tried:
A Simple Example: Adding DnD to JLabel
and
Data Transfer with a Custom Component
For both of these, i downloaded/compiled/executed the sourcecode ; there was no error. But the drop couldn't be done
EDIT: in fact i just realised i didn't read the "try this" instructions and i misunderstood what the progs were supposed to do... in fact they work, they just don't do what i thought they would do XD
sorry..
EDIT2 I found a package for easy drag and drop operations ( http://iharder.sourceforge.net/current/java/filedrop/ ) so it's useless to answer to this thread any more, tks ^^

Really simple drag and drop example?

I have just began exploring Adobe AIR and have succesfully
managed to load images into an image component, through drag and
drop from the desktop.
Now I am trying to understand how to do the reverse —
how to drag from the image component to the desktop, but after
spending several hours googling I still haven't found an example
that show how to achieve this. Either the samples are outdated,
from the beta period, or to complicated for me to understand.
Could someone please help me by showing how it is done, in
the simplest possible way?
Thanks in advance.

Hi,
You could let Christophe's excellent components do the heavy
lifting for you:
http://coenraets.org/blog/2007/06/air-to-desktop-drag-and-drop-two-simple-utility-classes/
Or here's a good simple app with code that shows you how it's
done:
http://www.wabysabi.com/blog/2008/03/18/air-example-native-drag-n-drop-and-clipboard-integ ration/

Drag And Drop Example and Pointers

Hello,
Could you please point me to some code samples and URLs regarding the implementation of Drag and Drop in JavaFX?
(I want to implement a DnD between two TableViews)
Thx v much

I have done this and can give you some pointers. First see my bug report http://javafx-jira.kenai.com/browse/RT-14750 and you'll see they are working on Drag and Drop but here is how I did it.
First of all I attached event listeners to a custom row object provided with a row factory. The next thing I did was to create a DropTarget interface and a Draggable interface and a DragPane class. The drag mirror (DragPane) class is the node which will be dragged around the screen and is appended to the parent of your TableView's (assuming they share the same parent). The difficult part was detecting if I was over the drop target. I achieved that with the following code which is sitting inside the skin of a single control managing both the source and destination tables.
    public void onSourceRowDragged(MouseEvent event,CustomDraggableRow row)
        double sceneX = event.getSceneX();
        double sceneY = event.getSceneY();
        if (dragMirror == null) {
            dragMirror = new DragPane(row);
            // check for AnchorPane
            if (control.getParent().getClass().isAssignableFrom(AnchorPane.class)) {
                AnchorPane p = (AnchorPane)control.getParent();
                p.getChildren().add(dragMirror);
        javafx.scene.control.TablePosition p;
        // Locate drop target
        DropTarget nTarget = null;
        Point2D tmpp = destTableContainer.sceneToLocal(sceneX,sceneY);
        Node overDestNode = destTableView.pickNode(tmpp.getX(),tmpp.getY());
        while(!(overDestNode == null || TableRowSkin.class.isAssignableFrom(overDestNode.getClass()))) {
            overDestNode = overDestNode.getParent();
            if (overDestNode == destTableView) {
                overDestNode = null;
        if (overDestNode != null) {
            TableRowSkin overSkin = (TableRowSkin)overDestNode;
            nTarget = (DropTarget)overSkin.getBehavior().getControl();
        if (dropTarget != null && dropTarget != nTarget) {
            dropTarget.onDraggableExited(event);
            dropTarget = null;
        if (nTarget != null && nTarget != dropTarget) {
            dropTarget = nTarget;
            dropTarget.onDraggableEntered(event);
    }This code really only works if the parent is a shared AnchorPane but it was the most difficult part of the project. As you can see the DragPane has a pointer back to the source, and when the mouse button is released if there is a dropTarget I notify the drop target that the object has been dropped. Lastly the mirror needs to be cleaned up. This technique is currently very slow, I suspect it is because the mouse events takes a long time to bubble up from the cells to the row object. I have plans of optimizing this by making the Row block mouse events from reaching the cells, but I haven't had time to optimize it yet. I also haven't followed the development teams official recommendation of creating an invisible cell over all of the other cells to capture the event because that solution, while possible, does not sound logical.

Adobe Flex 4 Drag and drop example in application

I have been looking at the following example:
http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf64595-7fed.html#WS2d b454920e96a9e51e63e3d11c0bf69084-7cee
The example works in web based flash project, but if I use the same code in a desktop AIR project image does not move to the mouse position. (this is obvilously after I have changed the Application container to a WindowedApplication container)
It seems to be due to the fact that the parent container stops receiving mouse move events while dragging. The image then moves to a position relative the where the mouse clicked inside the image.
I was hoping someone would be able to tell me what I am doing wrong?

I've managed to solve the issue using event.localX instead.

Drag and Drop example porting to Linux does not work

Hi Guys,
Encountered this problem : I have a JFrame that displays the name and path of a file that is dragged from a Windows(Explorer) environment into the frame. This works seamlessly in Windows. However, porting to Linux and doing the same thing(dragging the file from File Manager into the Frame to display the file name and path) does not work.
I suspect the case may be something to do with the flavormap.properties file found in the jdk1.xx/jre/lib file. Can anyone help?
RG

Hi,
I don't know what is causing the problem, but I have been able to avoid it by starting Jdeveloper from $home\jdev\bin\jdev.exe.
Regards,
Mathias

Drag and drop from Multicolumn listbox to another Multicolumn Listbox

how do i drag and drop from Multicolumn listbox to another Multicolumn Listbox?/...any example..
use LABVIEW 8.2.1
regard's
eyal.

To drag and drop within the target listbox you'll have to add a Drag Starting? event for the target listbox and register that drag data with a different adn unique Drag Data Name, then in the Drag Enter? event check for that data name as well before accepting the event, and then in the Drop? event for the target listbox handle the new data name as well. You can use the Point to Row Column invoke method to determine which row, column, or cell is being manipulated. I've created a VERY crude example of this, but you'll have to get more creative with how you handle the moving of rows, columns, etc. for the target listbox, but I think it gives the general idea. Hope this helps!
-rw
Attachments:
Drag and Drop Example v2 8.2.vi ‏28 KB

Drag and Drop between the Two Tree controls

Hi all,
I am Flex newbie. Can anyone please send me the drag and drop
example between the Two Tree controls.
Thank you
-Nagaraju

"ndendukuri" <[email protected]> wrote in
message
news:gdnbtt$7tt$[email protected]..
> Hi all,
>
> I am Flex newbie. Can anyone please send me the drag and
drop example
> between the Two Tree controls.
>
http://flexdiary.blogspot.com/2008/07/getting-help-in-flex-builder.html

Drag and drop data from Numeric Control or Numeric Array to excel file

I have two inquirries about drag and drop:
1. How to drag and drop data from a Numeric Array or Numeric control to excel file
2. How to drag and drop data from a Numeric Array or Numeric control to an Numeric array Indicator?
The item 2, I tried it with the event structure, but it didnt work.
Please do reply.
mytestautomation.com
...unleashed the power, explore and share ideas on power supply testing
nissanskyline.org
...your alternative nissan skyline information site

There are very good drag and drop examples that ship with LabVIEW. Have you looked these over to see if they can be modified for your needs?
Matthew Fitzsimons
Certified LabVIEW Architect
LabVIEW 6.1 ... 2013, LVOOP, GOOP, TestStand, DAQ, and Vison

How to drag and drop an email from Outlook Express (with example code)

Hi,
It is possible to drag a mail from Outlook Express and drop it on the desktop, and the file created is a .eml, which is a text file.
If I drop it into a Java application, no DataFlavor is provided to make the data transfer possible.
As the data to transfer is a text, it should be possible to drop it.
How to make a DataFlavor available and recover the text as a stream of characters?
Example code
The small application below shows the MIME type of the data that is about to be dropped. If you drag an icon from the desktop, a type will be displayed; if you drag an Outlook Express mail, no type will be displayed.
Thanks.
import java.awt.Color;
import java.awt.Dimension;
import java.awt.datatransfer.DataFlavor;
import java.awt.dnd.DropTarget;
import java.awt.dnd.DropTargetDragEvent;
import java.awt.dnd.DropTargetDropEvent;
import java.awt.dnd.DropTargetEvent;
import java.awt.dnd.DropTargetListener;
import java.util.List;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JTree;
public class TestSDN extends JFrame {
    void run () {
        JLabel lab = new JLabel();
        lab.setPreferredSize (new Dimension (100, 100));
        lab.setOpaque(true);
        lab.setBackground(Color.RED);
        getContentPane().add (lab);
        new DropTarget(lab, new DropTargetListener(){
            public void dragEnter(DropTargetDragEvent dtde) {
                System.out.println("dragEnter DataFlavors="+dtde.getCurrentDataFlavors().length);
                for (DataFlavor df: dtde.getCurrentDataFlavors())
                    System.out.println("DataFlavor MIME type="+df.getMimeType());
            public void dragExit(DropTargetEvent arg0) {
            public void dragOver(DropTargetDragEvent arg0) {
            public void drop(DropTargetDropEvent arg0) {
            public void dropActionChanged(DropTargetDragEvent arg0) {
        pack();
        setVisible (true);
    public static void main(String[] args) {
        new TestSDN().run();
}Edited by: JavaGame on Jan 29, 2009 9:56 AM
Edited by: JavaGame on Jan 29, 2009 9:57 AM

It might just be Microsoft not using standards? I remember having a similar situation - I had an application that could have a zip entry fron 7-zip drag-and-dropped into it (came over as plain text, or maybe an InputStream, can't remember), but when you drill into a zip file with Windows (Vista at least), and try to drag-and-drop a zip entry from Windows Explorer, Java shows no dataflavors available. I just assumed Microsoft wasn't exporting the zip entry in any standard format (such as plain text).
Sorry, I know that wasn't very helpful, just thought I'd share a similar experience. :)

Problem with Drag and drop in panel dashboard

Hi
I am having problem with drag and drop in panel dashboard.
I will explain what i am doing.
I am using Oracle three column template in First region i am having a table that showing all customer.
I drag one record from my table and drop it on customer info (CIF) page on second region it is working fine.
my CIF page has a dashboard with 6 panel box. i am showing 6 different jsff in 6 panel box.
I put drop target in each jsff
<af:dropTarget dropListener="#{backingBeanScope.backing_customerinformation.handleItemDrop}"
actions="COPY">
<af:dataFlavor flavorClass="org.apache.myfaces.trinidad.model.RowKeySet"
discriminant="CustomerSearchDnD"/>
</af:dropTarget>
when i put drop target my panel boxes moves only when i drag it to another panel box header not entire part of panel box.
if i remove the drop target then panel box move normally as the example given on: [http://adfui.us.oracle.com:7778/faces-trunk/faces/visualDesigns/dashboard.jspx?_afrLoop=2021391022520156&_afrWindowMode=0&_afrWindowId=null] but in taht case i am not able to drag and drop my data

You must be an Oracle employee as you're referring to a component in the upcoming JDeveloper version which has yet been released to the general public. Oracle employee's are, I believe, directed to post on internal Oracle forums.
CM.

Problem with Drag and Drop on a JTree

I would like to have a JTree with drag and drop support with the following characteristics:
1) The JTree holds near 100 different kinds of TreeNodes
2) The drag and drop operation uses TreeNodes as Transferable
3) The drop operation adds a new TreeNode child on the TreeNode that accepts the drop
4) There are some rules for a TreeNode to accept the drops by example:
     Type1 can accept Type2
     Type2 can accept Type3
     All other combinations are not allowed
I am using the following classes to support this behavior
JTree
DataFlavor
DragSourceListener
DropTarget
DropTargeListener
DragSource
GestureListener
Transferable
The question is:
How to change the cursor shape when the mouse is over a node to show graphically the drop accepting rules.?
I can not use the the following methods to change the cursor-shape
DropTargetListener.dragEnter
And
DropTargetListener.dragOver
Case they receive a DropTargetDragEvent witch don�t knows nothing about the TreeNode type dragged.
I can not create a TreeNode on the method GestureListener.dragGestureRecognized cause this could not work when dragging between two diffents JVM.

Hello,
You might want to search this forum for this class : DNDTree.java. It pretty much does the job.

How to add Two incorrect feedbacks in Drag and drop in captivate 7.

Hi
I want to show two different incorrect feedback in drag and drop interaction in Captivate 7. Currently we can show only one even though i have increased the drag and drop attempts to 2. I want to show a try again feedback and incorrect feedback with correct options and this should not be there when the learner re-visits this slide.
Note: I am already using a success caption and have executed the action - "On Enter" to "Hide" this success caption.
Please help me with this.

Hi Sreekanth,
You understanding is correct. But,it is not even necessary to show the correct sources on correct targets along with the feedback... the correct option numbers in incorrect feedback will do.
reg point number 3, if I revisit the slide, the feedback are still displayed. For example, in this case, I added a correct feedback, but when I revisit the slide, the feedback was still appearing. So I added this action "On Enter" to "Hide" this success caption. So that is why i told specifically that none of the feed backs should be there when i revisit the slide.
Sorry Srikanth - I am not familiar with the advanced actions or variables. I have just used some from referring the examples from net. that's all

Drag and Drop of cell content between 2 tables

Hi Guys,
Iam into implementing drag and drop of cell contents between 2 different tables,say Table1 and Table2.(Iam not dragging and dropping rows or cells,Just copying the content of one cell to another).
Have extended the java tutorial class "TableTransferHandler" and "StringTransferHandler" under http://java.sun.com/docs/books/tutorial/uiswing/examples/dnd/index.html#ExtendedDndDemo to satisfy my needs.
The drag is enabled for Table1 and table2 as follows.
jTable1.setDragEnabled(true);
jTable1.setTransferHandler(new TableTransferHandler());
jTable2.setDragEnabled(true);
jTable2.setTransferHandler(new TableTransferHandler());
Dont be taken aback with the code I have put.It just to show what I have done..
My questions are put at the end of the post..
//String Transfer Handler class.
public abstract class StringTransferHandler extends TransferHandler {
    protected abstract String exportString(JComponent c);
    protected abstract void importString(JComponent c, String str);
    protected abstract void cleanup(JComponent c, boolean remove);
    protected Transferable createTransferable(JComponent c) {
        return new StringSelection(exportString(c));
    public int getSourceActions(JComponent c) {
        return COPY_OR_MOVE;
    public boolean importData(JComponent c, Transferable t) {
        if (canImport(c, t.getTransferDataFlavors())) {
            try {
                String str = (String)t.getTransferData(DataFlavor.stringFlavor);
                importString(c, str);
                return true;
            } catch (UnsupportedFlavorException ufe) {
            } catch (IOException ioe) {
        return false;
    protected void exportDone(JComponent c, Transferable data, int action) {
        cleanup(c, action == MOVE);
    public boolean canImport(JComponent c, DataFlavor[] flavors) {
          JTable table = (JTable)c;
         int selColIndex = table.getSelectedColumn();
        for (int i = 0; i < flavors.length; i++) {
            if ((DataFlavor.stringFlavor.equals(flavors))&& (selColIndex !=0)) {
return true;
return false;
}//TableTransferHandler classpublic class TableTransferHandler extends StringTransferHandler {
private int[] rows = null;
private int addIndex = -1; //Location where items were added
private int addCount = 0; //Number of items added.
protected String exportString(JComponent c) {
JTable table = (JTable)c;
rows = table.getSelectedRows();
StringBuffer buff = new StringBuffer();
int selRowIndex = table.getSelectedRow();
int selColIndex = table.getSelectedColumn();
String val = table.getValueAt(selRowIndex,selColIndex).toString();
buff.append(val);
return buff.toString();
protected void importString(JComponent c, String str) {
JTable target = (JTable)c;
DefaultTableModel model = (DefaultTableModel)target.getModel();
//int index = target.getSelectedRow();
int row = target.getSelectedRow();
int column = target.getSelectedColumn();
target.setValueAt(str, row, column);
protected void cleanup(JComponent c, boolean remove) {
}Now I want to put in the following functionality into my program...
[1]prevent dragging and dropping text in to the same table.That means I dont want to drag a cell content from Table1 and drop to another cell in Table1. Want to drag and drop cell content only from Table1 to Table2.
[2]Change cursor on a un-defined Target. That means how to prevent a drag from a particular column in Table1.Also how to prevent a drop to a particular column in Table2. How to change the cursor to a "NO-DRAG" cursoror "NO-DROP" cursor.
Could it be done using Drag Source Listener and drop Target Listener?.
If yes,How can these listeners attached to the table and how to do it?
If No,How Could it be done?
[3]Want to change the background colour of the cell being dragged and also the background colour of the target cell where the drop is made...
[4]Is there any out of the box way to make an undo in the target cell(where drop was made) so that the old cell value is brought back.
How can I extend my code to take care of the above said things.
Any help or suggestions is greatly appreciated.....
Edited by: Kohinoor on Jan 17, 2008 10:58 AM

Hi Guys,
Iam into implementing drag and drop of cell contents between 2 different tables,say Table1 and Table2.(Iam not dragging and dropping rows or cells,Just copying the content of one cell to another).
Have extended the java tutorial class "TableTransferHandler" and "StringTransferHandler" under http://java.sun.com/docs/books/tutorial/uiswing/examples/dnd/index.html#ExtendedDndDemo to satisfy my needs.
The drag is enabled for Table1 and table2 as follows.
jTable1.setDragEnabled(true);
jTable1.setTransferHandler(new TableTransferHandler());
jTable2.setDragEnabled(true);
jTable2.setTransferHandler(new TableTransferHandler());
Dont be taken aback with the code I have put.It just to show what I have done..
My questions are put at the end of the post..
//String Transfer Handler class.
public abstract class StringTransferHandler extends TransferHandler {
    protected abstract String exportString(JComponent c);
    protected abstract void importString(JComponent c, String str);
    protected abstract void cleanup(JComponent c, boolean remove);
    protected Transferable createTransferable(JComponent c) {
        return new StringSelection(exportString(c));
    public int getSourceActions(JComponent c) {
        return COPY_OR_MOVE;
    public boolean importData(JComponent c, Transferable t) {
        if (canImport(c, t.getTransferDataFlavors())) {
            try {
                String str = (String)t.getTransferData(DataFlavor.stringFlavor);
                importString(c, str);
                return true;
            } catch (UnsupportedFlavorException ufe) {
            } catch (IOException ioe) {
        return false;
    protected void exportDone(JComponent c, Transferable data, int action) {
        cleanup(c, action == MOVE);
    public boolean canImport(JComponent c, DataFlavor[] flavors) {
          JTable table = (JTable)c;
         int selColIndex = table.getSelectedColumn();
        for (int i = 0; i < flavors.length; i++) {
            if ((DataFlavor.stringFlavor.equals(flavors))&& (selColIndex !=0)) {
return true;
return false;
}//TableTransferHandler classpublic class TableTransferHandler extends StringTransferHandler {
private int[] rows = null;
private int addIndex = -1; //Location where items were added
private int addCount = 0; //Number of items added.
protected String exportString(JComponent c) {
JTable table = (JTable)c;
rows = table.getSelectedRows();
StringBuffer buff = new StringBuffer();
int selRowIndex = table.getSelectedRow();
int selColIndex = table.getSelectedColumn();
String val = table.getValueAt(selRowIndex,selColIndex).toString();
buff.append(val);
return buff.toString();
protected void importString(JComponent c, String str) {
JTable target = (JTable)c;
DefaultTableModel model = (DefaultTableModel)target.getModel();
//int index = target.getSelectedRow();
int row = target.getSelectedRow();
int column = target.getSelectedColumn();
target.setValueAt(str, row, column);
protected void cleanup(JComponent c, boolean remove) {
}Now I want to put in the following functionality into my program...
[1]prevent dragging and dropping text in to the same table.That means I dont want to drag a cell content from Table1 and drop to another cell in Table1. Want to drag and drop cell content only from Table1 to Table2.
[2]Change cursor on a un-defined Target. That means how to prevent a drag from a particular column in Table1.Also how to prevent a drop to a particular column in Table2. How to change the cursor to a "NO-DRAG" cursoror "NO-DROP" cursor.
Could it be done using Drag Source Listener and drop Target Listener?.
If yes,How can these listeners attached to the table and how to do it?
If No,How Could it be done?
[3]Want to change the background colour of the cell being dragged and also the background colour of the target cell where the drop is made...
[4]Is there any out of the box way to make an undo in the target cell(where drop was made) so that the old cell value is brought back.
How can I extend my code to take care of the above said things.
Any help or suggestions is greatly appreciated.....
Edited by: Kohinoor on Jan 17, 2008 10:58 AM

Drag and Drop Examples?

Similar Messages

Maybe you are looking for