refer the following links

http://livedocs.adobe.com/flex/3/html/help.html?content=dragdrop_4.html#174194

http://livedocs.adobe.com/flex/3/html/help.html?content=dragdrop_6.html#247937

http://livedocs.adobe.com/flex/3/html/help.html?content=dragdrop_7.html#247940

http://livedocs.adobe.com/flex/3/html/help.html?content=dragdrop_8.html#225115


Best Regards,

Sathya Moorthi K | MCA,
mailto: ksathy...@gmail.com**


On Thu, Dec 8, 2011 at 12:55 PM, azHanie <adroi...@excite.com> wrote:

> **
>
>
> hi,
>
> i have problem here. i have list of images to be arranged according to the
> ranking. however, i cant drop the image. below is the code. may i know
> where's the mistake?
> __________________________________________________________
>
> <?xml version="1.0" encoding="utf-8"?>
> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
> layout="vertical"
> horizontalAlign="center"
> backgroundGradientAlphas="[1.0, 1.0]"
> backgroundGradientColors="[#FFFFFF, #FFFFFF]"
> creationComplete="service.send()" viewSourceURL="srcview/index.html">
>
> <mx:Script>
> <![CDATA[
> import mx.core.DragSource;
> import mx.collections.ArrayCollection;
> import mx.rpc.events.ResultEvent;
> import mx.events.DragEvent;
> import mx.managers.DragManager;
> import mx.core.UIComponent
>
> [Bindable]
> private var images:ArrayCollection;
>
> private function serviceHandler(event:ResultEvent):void{
> images = event.result.gallery.image;
> }
>
> private function initiateDrag(event:MouseEvent,value:String):void{
>
> var dragInitiator:Image= event.currentTarget as Image;
>
> var dragSource:DragSource = new DragSource();
> dragSource.addData(value, 'value');
>
> var dragProxy:Image = new Image();
> dragProxy.source = event.currentTarget.source;
> dragProxy.width = 100 ;
> dragProxy.height = 100 ;
>
> DragManager.doDrag(dragInitiator, dragSource, event, dragProxy);
> }
>
> private function dragEnterHandler(event:DragEvent):void {
> var dropTarget:List=event.currentTarget as List;
> if (event.dragSource.hasFormat('value')) {
> DragManager.acceptDragDrop(dropTarget);
> }
>
>
> {
> DragManager.acceptDragDrop(UIComponent(event.target));
> }
> }
>
> ]]>
> </mx:Script>
>
> <mx:HTTPService id="service" url="datas.xml"
> result="serviceHandler(event)"/>
>
> <mx:Label text="Drag a thumbnail image inside the black box and drop it to
> display its bigger version"/>
>
> <mx:HBox>
> <mx:Repeater dataProvider="{images}" id="rep">
> <mx:Image source="assets/thumbs/{rep.currentItem}"
> mouseMove="initiateDrag(event,event.currentTarget.getRepeaterItem())" />
> </mx:Repeater>
> </mx:HBox>
> <mx:List
> iconField="image_pic"
> dragEnabled="true"
> dropEnabled="true"
> dragMoveEnabled="true"
> rowCount="1"
> columnCount="1"
> rowHeight="60"
> columnWidth="60"
> verticalScrollPolicy="off"
> alternatingItemColors="[#D3D3D3, #DDDADA]"
> width="81" height="63"
> paddingLeft="1" paddingRight="1" paddingTop="1" paddingBottom="1"/>
> <mx:List
> iconField="image_pic"
> dragEnabled="true"
> dropEnabled="true"
> dragMoveEnabled="true"
> rowCount="1"
> columnCount="1"
> rowHeight="60"
> columnWidth="60"
> verticalScrollPolicy="off"
> alternatingItemColors="[#D3D3D3, #DDDADA]"
> width="81" height="63"
> paddingLeft="1" paddingRight="1" paddingTop="1" paddingBottom="1"/>
> <mx:List
> iconField="image_pic"
> dragEnabled="true"
> dropEnabled="true"
> dragMoveEnabled="true"
> rowCount="1"
> columnCount="1"
> rowHeight="60"
> columnWidth="60"
> verticalScrollPolicy="off"
> alternatingItemColors="[#D3D3D3, #DDDADA]"
> width="81" height="63"
> paddingLeft="1" paddingRight="1" paddingTop="1" paddingBottom="1"/>
> <mx:List
> iconField="image_pic"
> dragEnabled="true"
> dropEnabled="true"
> dragMoveEnabled="true"
> rowCount="1"
> columnCount="1"
> rowHeight="60"
> columnWidth="60"
> verticalScrollPolicy="off"
> alternatingItemColors="[#D3D3D3, #DDDADA]"
> width="81" height="63"
> paddingLeft="1" paddingRight="1" paddingTop="1" paddingBottom="1"/>
>
> </mx:Application>
>
> thnks
>
>
>  
>

Reply via email to