Re: [flexcoders] how to make drag and drop in flex 3

2011-12-09 Thread Sathya Moorthi K 
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=[#FF, #FF]
 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

[flexcoders] how to make drag and drop in flex 3

2011-12-08 Thread azHanie 
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=[#FF, #FF]  
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