Drag and Drop in hero list.

Hi,
I am working on a mobile project which requires drag and drop in same list. Has anyone implemented this in their project. Please share your experience.
Thanks,
Mahesh.

OK, I've fixed this in the following way.
In the createDragIndicator() function, I've grabbed the element from the layout and set the dragImage's x and y to the same:
public override function createDragIndicator():IFlexDisplayObject
     var dragItem:IVisualElement = selectedItem;
     var dragImage : UIBitmap = new UIBitmap( dragItem, PixelSnapping.NEVER );
     if (dragImage is IVisualElement)
          IVisualElement(dragImage).owner = this;
     var element:ILayoutElement;
     if (layout.useVirtualLayout)
          element = layout.target.getVirtualElementAt(selectedIndex);
     else
          element = layout.target.getElementAt(selectedIndex);
     dragImage.x = element.getLayoutBoundsX();
     dragImage.y = element.getLayoutBoundsY();
     return dragImage;

Similar Messages

[svn:fx-trunk] 10876: Add support for drag-and-drop from Spark List to Spark List.

Revision: 10876
Author:   [email protected]
Date:     2009-10-05 15:20:07 -0700 (Mon, 05 Oct 2009)
Log Message:
Add support for drag-and-drop from Spark List to Spark List.
- List drop related handlers
- LayoutBase APIs
- VerticalLayout DND support
Notes:
- ListSkin is not final.
- Drag-scrolling not yet implemented.
QE notes: Only VerticalLayout works, HorizontalLayout still not implemented.
Doc notes: None
Bugs: None
Reviewer: Deepa
Tests run: checkintests
Is noteworthy for integration: No
Modified Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/List.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/layouts/VerticalLayout.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/layouts/supportClasses/LayoutBase.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/ListSkin.mxml
    flex/sdk/trunk/frameworks/spark-manifest.xml
Added Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/layouts/supportClasses/DropLocation.as

Whoops, disregard my question - I just read the spec that indicates drag and drop is scheduled for later work.
David

Drag and Drop between two list boxes

Hi all
I am working over Drag and Drop .. i have to implement Drag and Drop between two list boxes .. both list box exist in same page ..each list box have number of rows.. please give me some idea ... as i am new for JSP and Servlet...
Thanks in advance
Regards
Vaibhav

Hi all
I am working over Drag and Drop .. i have to
implement Drag and Drop between two list boxes ..
both list box exist in same page ..each list box have
number of rows.. please give me some idea ... as i am
new for JSP and Servlet...
Something close to what you are looking for is Select Mover in Coldtags suite:
http://www.servletsuite.com/jsp.htm

TS2972 Cannot drag and drop to play list

Hi!
I have my music library on a NAS server, it is now connected in Itunes (firefly svn-1696...)
but i cannot drag music files to any playlists..... ???
I have enabled Sharing in my home.
Any ideas why I cannot put music into my play lists ??
Another thing, for some reason Itunes cannot display any of the "other" file lists
(album list, net, coverflow)
Best regards
Poul Visby

Hi Poul,
do you use the samba access to your music files? Or do you use a iTunes Server feature provided by your nas?
Using the iTunes Server feature of the nas i have experienced similar results with my Thecus nas. Thats why I use a network-share to contain my music files and host my iTunes direcory (with all the playlists and stuff) locally. Then i drag and dropped the music files from the network share into my iTunes and there I can manage my play lists. Pay attention to uncheck the "Copy files to the iTunes Music folder when adding to library," in the iTunes Preferences otherwise it will duplicate your music...
Hope this helps.

How to drag and drop item from list to another item in list and change their positions

I have a list field with multiple items. I want to select one item from list and drag and drop to another item in the list
after drop item on another item the position of items should be change. (Example:- if I select 1st item from list and drag and drop this item to 4th item in list after drop that item position of both item should be changed 1st item on 4th position and 4th item on 1st position)
I don't know how to do this.Please help me to find the solution.

Hello Zoltan,
I do not believe that kind of option is built into the listboxes, but I was able to have similiar functionalities using property nodes. I have included an example program that I put together.
The big difference is that instead of dragging, you double click on the item you want to transfer. To highlight items as you go down the list, all you need to do is set the value to that list number.
Hope this helps you out!
Attachments:
Temp.vi ‏33 KB

Another Drag and Drop from horizontal list to canvas problem

Hi,
This is vaguely similar to the this
topic
but I seem to have made things even more complicated.
Basic set up is a horizontal list that uses a custom
component itemrenderer to display a thumbnail and label:
<?xml version="1.0"?>

<mx:VBox xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100" height="120" verticalAlign="top" verticalGap="3"
verticalScrollPolicy="off" horizontalAlign="center"
backgroundAlpha="0.0" alpha="1.0">
<mx:Image id="img" height="60" width="80"
source="assets/{data.file}" scaleContent="true"/>
<mx:Label text="{data.text}" fontWeight="bold"
width="100%" textAlign="center"/>
</mx:VBox>
The data is loaded up from an external XML file with this
sort of format:
<?xml version="1.0" encoding="UTF-8"?>
<thumbnails>
<thumb>
<file>thumb_image_1.jpg</file>
<text>Thumb 1</text>
<url>
http://www.blah.com</url>
<id>thumb1</id>
</thumb>
</thumbnails>
That's loaded up using the HTTPService and stored in a Model
thing.
I've got the dragging from the HL happening quite nicely and
it drops fine on to the canvas area, code all hack off from the
help files. The problem I'm having is finding out the data about
the item I've just dropped, I should at least be able to get the
source url for the thumbnail and the label text string, but I just
don't know how to get it. The call back I'm using looks like this:
private function doDragDrop(event:DragEvent,
target1:Canvas):void {
var vX:int = target1.mouseX;
var vY:int = target1.mouseY;
var vW:int = target1.width;
var vH:int = target1.height;
// follow variables give relative coordinate values so that
if window size is altered
// we don't have to do tricky calulations to reset rating
positions.
var vRx:Number = vX/vW;
var vRy:Number = vY/vH;
Alert.show(event.dragSource + " " + vX + " " + vY + " " +
vRx + " " + vRy, 'Mouse drop loc', mx.controls.Alert.OK);
I just don't know how to get the info out of the
event.dragSource.
Here's the full mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute" creationComplete="srv.send()">
<mx:Script>
<![CDATA[
private function xmlLoaded():void {
thumbAC = srv.lastResult.thumbnails;
import mx.core.DragSource;
import mx.managers.DragManager;
import mx.events.*;
import mx.containers.Canvas;
import mx.controls.Alert;
// Called when the user clicks the mouse on either colored
canvas.
// Initializes the drag.
private function dragIt(event:MouseEvent, text:String,
format:String):void {
// Get the drag initiator component from the event object.
var dragInitiator:Canvas=Canvas(event.currentTarget);
// Called if the user dragged a proxy onto the drop target
canvas.
private function doDragEnter(event:DragEvent):void {
// Get the drop target component from the event object.
var dropTarget:Canvas=Canvas(event.currentTarget);
DragManager.acceptDragDrop(dropTarget);
// Called if the target accepts the dragged object and the
user
// releases the mouse button while over the canvas.
// Handles the dragDrop event for the List control.
private function doDragDrop(event:DragEvent,
target1:Canvas):void {
var vX:int = target1.mouseX;
var vY:int = target1.mouseY;
// follow variables give relative coordinate values so that
if window size is altered
// we don't have to do tricky calulations to reset rating
positions.
Alert.show(event.dragSource + " " + vX + " " + vY, 'Mouse
drop loc', mx.controls.Alert.OK);
]]>
</mx:Script>
<mx:HTTPService id="srv" url="assets/thumbnails.xml"
useProxy="false" result="xmlLoaded();"/>
<mx:Model id="thumbAC"/>
<mx:Panel height="160" layout="absolute" title="Thumbnail
Browser" cornerRadius="10" id="thumbScrollBrowser" bottom="10"
left="10" right="10">
<mx:HorizontalList x="0" y="10" width="100%"
height="110" id="thumbBrowser"
dataProvider="{thumbAC.thumb}"
dragEnabled="true" rollOverColor="#FFFFFF"
selectionColor="#ffffff" borderColor="#FFFFFF"
borderSides="0" borderStyle="none" alpha="1"
backgroundAlpha="1.0"
itemRenderer="Thumbnail">
</mx:HorizontalList>
</mx:Panel>

<mx:ArrayCollection id="wallAC"/>
<mx:Canvas id="myCanvas" backgroundColor="#ffffff"
cornerRadius="10"
borderStyle="solid"
dragEnter="doDragEnter(event);"
dragDrop="doDragDrop(event, myCanvas);" left="10" right="10"
top="10" bottom="180">
</mx:Canvas>
</mx:Application>
Thanks for any thoughts.
Cheers,
Rob

This in the drop handler should give you back the XML you
just dropped:
var getListData:XML=
evtDrag.dragSource.dataForFormat("items");

Drag and Drop Items in Reminders

I'm disappointed that you can't drag and drop lists in the Reminders app to change the order they appear. Also it's not possible to drag and drop reminders within lists. Any possibility of adding this feature in a future release?

Go right ahead!

Preventing drag and drop

I've been working very hard to keep my play lists organized and every so often I'll accidentally drag and drop one play list into another. Is there a way to stop this from happening? I like the power to be able to drag groups of songs and such but I don't want to be able to just click on a play list's name and drag and drop it into another one. Any suggestions would be appreciated.

There is no way to prevent it, and no "Undo" if you do it accidentally. Sorry.
As an experiment, go to your Settings in Control Panel and try a lower pixel count. This may make the display and associated mouse operations a bit less error-prone.

ITunes + iPod Touch snyc "drag and drop" not working...

I can't manually sync music to my iPod Touch 3rd gen because whenever I try to drag and drop the song list info thingy just flys back to place and also the green plus symbol dosen't show up... This used to work but now it doesn't... I have tried shutting down my iPod and shuttign down and restarting iTunes, and it still dosen't work...
Please help!

This might be too obvious an answer but have you checked your iPod's settings to make sure nothing has changed? Connect your iPod and click on it's icon in the iTunes source list (the narrow pane on the left). This will bring up the preferences tabs in the main pane on the right. The first tab you'll see is Summary, look for "manually manage songs and videos". If there's no check mark there then the iPod is no longer in the manual mode that allows you to drag and drop content.

There is absolutely NO way to drag and drop newly purchased music from the Purchased list on the phone into my iTunes library? I'm finding it hard to believe that something so simple cannot be done!

I like to make MP3 CD's when I have people over, or when my friends have people over so I can just pop them into the CD player and let them play all night without having to worry about changing the CD or anything. Well, Apple's music is in AAC format, so I have to convert the songs to MP3 files using the converter in iTunes. So I'll convert them to MP3's and just delete the AAC file so I don't have doubles. The problem is, the next time I plug the phone into my laptop to transfer new purchases, iTunes thinks that the songs I converted aren't there anymore because the phone has them as AAC files, and iTunes has them as MP3 files, so it doubles the music again...EVERY time!! It's very frustrating! So this is why instead of clicking Transfer Purchases, I would like to be able to just drag and drop the songs I want from the Purchased list on the phone into my iTunes library. I hope I explained this right...lol. Unfortunately, it doesn't seem like I'm able to do that. I'm hoping maybe somebody here can help me out and give me some pointers on what to do about this. Thanks!!

That stinks! I can actually do that at my house...I just plug my iPhone right into the wire that's plugged into my receiver in my living room...but some of my friends aren't "technology savvy"...lol...so they just have DVD players and I'll put the CD in there because it will read an MP3 disc. What's funny, is I have the phone set to "Manually Manage Music", and when I plugged it into the laptop just now, the one song I downloaded last night on the phone, transferred over to the iTunesl library. That NEVER happens. And it only transferred the one song...it didn't double the other songs like it ususally does. I swear, iTunes does what it wants, when it wants sometimes...lol. Thank you for your quick response.

Drag and Drop to Change Order in a List

Does anyone know of an example where there is the ability to drag and drop elements in a list and thus change their order? (I.E. drag item one below item two and then item one and two change locations)
Thanks!

Check out http://java.sun.com/docs/books/tutorial/uiswing/misc/dnd.html
There's an example towards the end of the page for drag-and-drop between 2 JLists. Might be a good starting point.

Outlook email drag and drop to sharepoint task list

We are using using Outlook 2007 (Soon to be switching to 2010) and Sharepoint Server 2010.
We want to allow email drag and dropping which is accomplished through the folder list view. However when doing this this it does not take the attachment.
My question is, is this possible or do we need to develop an add-on for outlook?
Thanks

Neither be it SharePoint 2010 or SharePoint 2007, you can not do it without developing an add-on or writing additional code. Depending on your complexity of SharePoint, it is relatively easy to build an add-on if you only want to drag and drop Outlook email
to SharePoint folder.
SharePoint Outlook Integration add on is one of such tool which is functioning well if you have a small number of mails to transfer to SharePoint, but if you drag larger number of Outlook emails to SharePoint, it is quick slow to finish the whole process.
Good luck.

Drag and Drop in List View

When in the List view in Finder, I would like to drag and drop a folder in Terminal to cd to that path. However, it does not appear that List view allows dragging and dropping at all even to copy files within Finder. Is it by design? I like List view because it allows me to see the tree view of folders like in Windows Explorer. Thanks.

Works here. I've never had any issue selecting anything in list view (the only one I ever use in Finder windows) and dragging & dropping into a Terminal window and getting its path. Create a new admin user account, log into it, and see if the behavior persists.

Issue : drag and drop from list control to tree control

Hi,
I was trying a drag and drop from list control to tree control. I have used some sample data to populate list and tree controls .
It is working fine . except one problem ..
Prob : when i drag an item to tree control .. it gets added .. now tree contains (X+1) data in list .. say X is the inital number of nodes in a tree node.
          now if i drag another item from list to last item in the tree node .. i.e at X+1 index. .. it throws null pointer exception.
I am considerably new in flex programming . looking for help from experts ..
Below is my code :
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                layout="horizontal"
                creationComplete="init()">
    <mx:Script>
        <![CDATA[
            import mx.controls.listClasses.IListItemRenderer;
            import mx.rpc.events.FaultEvent;
            import mx.rpc.events.ResultEvent;
            import mx.utils.ObjectUtil;
            import mx.collections.ICollectionView;
            import mx.core.UIComponent;
            import mx.managers.DragManager;
            import mx.events.DragEvent;
            import mx.controls.Alert;
            import mx.controls.Label;
            import mx.events.CloseEvent;
            private var homePath:String="/home/e311394/dndTest/";
            private var destPath:String="/home/e311394/dndDest/";
            private var eid:String="e311394";
            private var actn:String;
            [Bindable]
            private var cm:ContextMenu;
            private var cmi:ContextMenuItem;
            [Bindable]
            private var dp:ArrayCollection;
            private function init():void
                cmi=new ContextMenuItem("Remove");
                cmi.enabled=true;
                cmi.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, contextMenuItem_menuItemSelect);
                cm=new ContextMenu();
                cm.hideBuiltInItems();
                cm.customItems=[cmi];
                cm.addEventListener(ContextMenuEvent.MENU_SELECT, contextMenuItem_menuSelect);
                list.contextMenu=cm;
            private function contextMenuItem_menuSelect(evt:ContextMenuEvent):void
                list.selectedIndex=lastRollOverIndex;
            private function contextMenuItem_menuItemSelect(evt:ContextMenuEvent):void
                var loclSelectedRow:Object=list.selectedItem;
                var lostrSelectedMenuItem:String;
                lostrSelectedMenuItem=evt.target.caption;
                if (loclSelectedRow != null)
                    var obj:Object=new Object()
                    obj.label=loclSelectedRow.label as String;
                        //Alert.show(obj.label);
                if (lostrSelectedMenuItem == "Remove")
                    if(loclSelectedRow!=null)
                    var pth:String=homePath.concat(loclSelectedRow.label);
                    //Alert.show(pth);
                    //FlexDnDRemoteService.process(eid,"delete",pth,"-");
                    var coll:ArrayCollection=list.dataProvider as ArrayCollection;
                    if (coll.contains(loclSelectedRow))
                        coll.removeItemAt(coll.getItemIndex(loclSelectedRow));
            public function onTreeDragEnter(event:DragEvent):void
                event.preventDefault();
                DragManager.acceptDragDrop(event.target as UIComponent);
                tree.showDropFeedback(event);
            protected function onTreeDragOver(event:DragEvent):void
                event.preventDefault();
                event.currentTarget.hideDropFeedback(event);
                try
                    var index:int=tree.calculateDropIndex(event);
                catch (e:Error)
                    DragManager.showFeedback(DragManager.NONE);
                    return;
                tree.selectedIndex=index;
                var draggedOverItem:Object=tree.selectedItem;
            public function onTreeDragExit(event:DragEvent):void
                event.preventDefault();
                tree.hideDropFeedback(event);
            private function showAlert():void
                Alert.yesLabel="Move";
                Alert.noLabel="Copy";
                Alert.buttonWidth=70;
                Alert.show("Copy / Move ?", "Confirm", Alert.YES | Alert.NO | Alert.CANCEL, this, alertListener, null, Alert.OK);
            private function alertListener(eventObj:CloseEvent):void
                var result:Boolean=false;
                if (eventObj.detail == Alert.CANCEL)
                    //Alert.show("CANCEL");
                    return;
                if (eventObj.detail == Alert.YES)
                    //Alert.show("YES");
                    result=true;
                else if (eventObj.detail == Alert.NO)
                    //Alert.show("NO");
                    result=false;
                var index:int=tree.calculateDropIndex(treedropevt);
                //Alert.show("Drop Pos" + index.toString());
                /* var treeList:ArrayCollection=tree.dataProvider as ArrayCollection;
                   Alert.show(" index"+index+"Length "+treeList.length);
                   if(index > treeList.length)
                   Alert.show("Returning");
                   return;
                var items:Array=new Array();
                if (treedropevt.dragSource.hasFormat("items"))
                    items=items.concat(treedropevt.dragSource.dataForFormat("items") as Array);
                var parentItem:Object;
                parentItem=getObjectTarget();
                /* if (tree.dataDescriptor.isBranch(tree.indexToItemRenderer(index).data))
                   parentItem=tree.indexToItemRenderer(index).data;
                   else
                   var dropParentPackage:Object = tree.mx_internal::_dropData.parent as Object;
                   Alert.show("HAck"+dropParentPackage.toString());
                   parentItem=tree.getParentItem(tree.indexToItemRenderer(index).data);
                   //Alert.show("Lenght "+ObjectUtil.getClassInfo(parentItem).properties.length);
                //Alert.show("Lenght "+ObjectUtil.getClassInfo(parentItem).properties.length);
                var position:int=0;
                /* if(ObjectUtil.getClassInfo(parentItem).properties.length==0)
                   Alert.show("Returning");
                   return;
                if (parentItem != null)
                    try
                        while (tree.indexToItemRenderer(index).data != parentItem)
                            //Alert.show(tree.indexToItemRenderer(index).data.toString());
                            if (index > 0)
                                index--;
                            //Alert.show("Insiade");
                            position++;
                    catch (e:Error)
                        Alert.show("Catch" + index.toString());
                        return;
                for each (var item:Object in items)
                    var obj:Object=new Object()
                    obj.label=item.label as String;
                    if (parentItem != null)
                        //Alert.show("ADDED");
                        tree.dataDescriptor.addChildAt(parentItem, obj, position++);
                    else
                        //Alert.show("PARENT NULL");
                        tree.dataDescriptor.addChildAt(tree.selectedItem, obj, position++);
                    var spth:String=homePath.concat(item.label);
                    //Alert.show(spth);
                    var dpth:String=destPath.concat(item.label);
                    //Alert.show(dpth);
                    if (result == true)
                        removeItems();
                            //FlexDnDRemoteService.process(eid,"move",spth,dpth);
                    else
                        //FlexDnDRemoteService.process(eid,"copy",spth,dpth);
                    tree.validateNow();
            public function getObjectTarget():Object
                var dropData:Object=tree.mx_internal::_dropData as Object;
                if (dropData.parent != null)
                    return dropData.parent;
                else
                    // if there is not parent (root of the tree), I take the root directly
                    var renderer:IListItemRenderer=tree.indexToItemRenderer(0);
                    return renderer.data;
            public function removeItems():void
                //remove moved elements
                var items:Array=treedropevt.dragSource.dataForFormat("items") as Array;
                var coll:ArrayCollection=list.dataProvider as ArrayCollection;
                for each (var item:Object in items)
                    if (coll.contains(item))
                        coll.removeItemAt(coll.getItemIndex(item));
            private var treedropevt:DragEvent;
            public function onTreeDragDrop(event:DragEvent):void
                treedropevt=event;
                showAlert();
                event.preventDefault();
                tree.hideDropFeedback(event);
            public function resultHandler(event:ResultEvent):void
                Alert.show("Success", "Status");
            public function faultHandler(event:FaultEvent):void
                Alert.show(event.fault.faultString, "Failure");
        ]]>
    </mx:Script>
    <mx:ArrayCollection id="listDP">
        <mx:Object label="File1.dnd"/>
        <mx:Object label="File2.dnd"/>
        <mx:Object label="File3.dnd"/>
        <mx:Object label="File4.dnd"/>
        <mx:Object label="File5.dnd"/>
    </mx:ArrayCollection>
    <mx:Number id="lastRollOverIndex"/>
    
    <mx:ArrayCollection id="treeDP">
        <mx:Object label="/dndDest">
            <mx:children>
                <mx:ArrayCollection>
                    <mx:Object label="sample1.ks"/>
                    <mx:Object label="sample2.ks"/>
                    <mx:Object label="sample3.ks"/>
                    <mx:Object label="sample4.ks"/>
                    <mx:Object label="sample5.ks"/>
                    <mx:Object label="sample6.ks"/>
                </mx:ArrayCollection>
            </mx:children>
        </mx:Object>
    </mx:ArrayCollection>
    <mx:List id="list"
             itemRollOver="lastRollOverIndex = event.rowIndex"
             width="50%"
             dragEnabled="true"
             dataProvider="{listDP}"
             labelField="label"
             allowMultipleSelection="true"
             dragMoveEnabled="false">
    </mx:List>
    <mx:Tree id="tree"
             width="50%"
             dragEnabled="true"
             dataProvider="{treeDP}"
             dragEnter="onTreeDragEnter(event)"
             dragOver="onTreeDragOver(event)"
             dragExit="onTreeDragExit(event)"
             dragDrop="onTreeDragDrop(event)"
             labelField="label"
             liveScrolling="true">
    </mx:Tree>
    <mx:RemoteObject id="FlexDnDRemoteService"
                     showBusyCursor="true"
                     destination="FlexDnD">
        <mx:method name="process"
                   result="resultHandler(event)"
                   fault="faultHandler(event)"/>
    </mx:RemoteObject>
</mx:Application>
Thanks,
Rajiv

Ya , i have searched and have used the same code.
But needed to customize few things like:
stop dnd in same tree
drop some item into a folder ..( onto it ) etc
have achieved the same .. but this issue ..
i think the tree dataprovider (contents internally is not being updated .. only the UI)
any suggestions ?
- Rajiv

Field list on/off drag and drop not working in smartforms

Hello Friends,
field list on/off drag and drop not working in smartforms.
is there any settings or some components needs to be activated ??
i can drag the fields from the list but when i drop in the text node its not dropping tht field.
Regards,
Sunny

Hi Friends,
Even I am facing the same problems. What is the solutions for this ?
And may I know what software version (sap gui) are you using.

Drag and Drop in hero list.

Similar Messages

Maybe you are looking for