CODEWITHSUNDEEP
javahtmlgwtgxtdrag-and-drop
vbjain
vbjain

Reputation: 557

Drag and Drop downlad from GXT grid to Desktop

I am using GXT for UI development. I have used HTML5 for Dragging file from Desktop to my application and upload it. But now i am having reverse requirement. I want to drag files from browser to desktop which will download the file to desktop.

I know that is possible in Chrome only. And had checked the below demo: http://www.thecssninja.com/javascript/gmail-dragout

I had tried to implement the above code in my GXT application, but the issue is that i am using Editable Grid which is supporting DnD to TreePanel. Now when i drag from grid to Desktop i think its not capturing the browser event (may be i am wrong here).

Any idea, how it should be done?

Thanks.

Below is the small piece of code which i call after the Data had been inserted in Grid. All records are having the CSS class name as ".icon". The problem is that when i start to drag, the "dragstart" is not being called. Any suggestion?

NOTE: This code is working when i create Buttons, Labels, etc and making them draggable=true with other required parameters.

 public static native void test(String id)/*-{
var files = $doc.querySelectorAll('.icon');
for (var i = 0, file; file = files[i]; ++i) {
    file.addEventListener("dragstart",function(evt){
        $wnd.alert("Drag Event started.. ");
        evt.dataTransfer.setData("DownloadURL",this.dataset.downloadurl);
    },false);
}

}-*/;

Upvotes: 0

Views: 880

Answers (1)

GingerHead
GingerHead

Reputation: 8230

I used this, and it successully performs, no you should check some other place in your code.

Upvotes: 1

Related Questions