Sir,bt i dnt knw hw to do dat.. i tried to give image source..bt cnt. Can u plz help me sir
On Tue, Feb 23, 2010 at 3:40 PM, krishna chaitanya kambhampati < kkc.kambhamp...@gmail.com> wrote: > Hi Bini, > > When u drag and drop in another DataGrid you will get an object > depend upon your requirement you need to display the data in the column > > > On Tue, Feb 23, 2010 at 3:30 PM, Bini <binitha...@gmail.com> wrote: > >> Hai friends.. >> >> Am new to flex and want to implement a shopping cart with drag and >> drop in flex. >> >> Am using mysql db.I brought the images of products (including details) >> from db using php. >> >> And displayed them in one datagrid..and am using another one datagrid >> as shopping basket.. >> >> i can drag and drop images from the former datagrid to the later..bt i >> cant see them.. >> >> Here is my code.. >> >> >> >> >> >> <?xml version="1.0" encoding="utf-8"?> >> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; >> xmlns:phpDemo="*" layout="absolute" >> width="800" height="500" creationComplete="getPhoto.send()" >> color="#47BCEC"> >> >> <mx:HTTPService >> id="getPhoto" >> url="http://192.168.60.74/ecommerce/Test/getPhoto.php"; >> useProxy="false" /> >> >> <mx:Script> >> <![CDATA[ >> import mx.collections.ArrayCollection; >> import mx.collections.ListCollectionView; >> import mx.controls.List; >> import mx.core.DragSource; >> import mx.events.*; >> import mx.managers.DragManager; >> import mx.controls.Alert; >> import mx.collections.IList; >> import mx.controls.Image; >> import flash.events.MouseEvent; >> private var dropInitiator:String >> private var cartContents:ArrayCollection = new ArrayCollection(); >> >> private function setDragInitator(event:MouseEvent, id:String):void >> { >> dropInitiator = id; >> } >> private function doDragEnter(event:DragEvent):void >> { >> var dropTarget:DataGrid = DataGrid(event.currentTarget); >> var items:Image = event.dragSource.dataForFormat("items") as Image; >> var drop:Boolean = true; >> if(dropInitiator == dropTarget.id){ >> DragManager.showFeedback(DragManager.MOVE); >> DragManager.acceptDragDrop(dropTarget); >> } >> if(drop){ >> DragManager.showFeedback(DragManager.COPY); >> DragManager.acceptDragDrop(dropTarget); >> } >> } >> private function doDragDrop(event:DragEvent):void >> { >> var dropTarget:DataGrid = DataGrid(event.currentTarget); >> doDragExit(event); >> var items:Image = event.dragSource.dataForFormat("items") as Image; >> var dropLoc:int = dropTarget.calculateDropIndex(event); >> IList(dropTarget.dataProvider).addItemAt(items, dropLoc ); >> } >> private function doDragExit(event:DragEvent):void >> { >> var dropTarget:DataGrid = DataGrid(event.currentTarget); >> var items:Image = event.dragSource.dataForFormat("items") as Image; >> dropTarget.showDropFeedback(event); >> } >> ]]> >> </mx:Script> >> <mx:DataGrid x="0" y="0" width="114" height="500"> >> <mx:columns> >> <mx:DataGridColumn headerText="Categories" dataField="col1"/> >> </mx:columns> >> <mx:DataGrid x="620" y="253" width="180" height="246" > >> <mx:columns> >> <mx:DataGridColumn headerText="Name" dataField="name"/> >> <mx:DataGridColumn headerText="Quantity" dataField="num" >> width="65"/> >> </mx:columns> >> </mx:DataGrid> >> >> <mx:DataGrid x="122" y="10" width="490" height="480" >> dragEnabled="true" id="dragList" >> dataProvider="{getPhoto.lastResult.rss.channel}" >> mouseDown="setDragInitator(event, 'dropList');" >> backgroundColor="#F5EAE9"> >> <mx:columns> >> <mx:DataGridColumn headerText="Preview" dataField="img"> >> <mx:itemRenderer> >> <mx:Component> >> <mx:VBox> >> <mx:Image source="{data.img}" width="100%" height="100" >> horizontalAlign="center"/> >> </mx:VBox> >> </mx:Component> >> </mx:itemRenderer> >> </mx:DataGridColumn> >> <mx:DataGridColumn headerText="details" dataField="des"/> >> </mx:columns> >> </mx:DataGrid> >> <mx:DataGrid x="620" y="10" width="180" height="235" >> mouseDown="setDragInitator(event, 'dropList');" >> dragEnter="doDragEnter(event);" >> dragExit="doDragExit(event);" >> dragDrop="doDragDrop(event);" dragEnabled="true" id="dropList" >> dataProvider="{null}"> >> <mx:columns> >> <mx:DataGridColumn headerText="ShoppingBasket" dataField="col1"/> >> >> </mx:columns> >> </mx:DataGrid> >> </mx:Application> >> >> >> Expecting help frm u all... >> >> Thanking u.... >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> -- >> You received this message because you are subscribed to the Google Groups >> "Flex India Community" group. >> To post to this group, send email to flex_in...@googlegroups.com. >> To unsubscribe from this group, send email to >> flex_india+unsubscr...@googlegroups.com<flex_india%2bunsubscr...@googlegroups.com> >> . >> For more options, visit this group at >> http://groups.google.com/group/flex_india?hl=en. >> >> > > > -- > Thanks & Regards, > K. Krishna Chaitanya > ARIJASOFT - HYD > www.arijasoft.com > > -- > You received this message because you are subscribed to the Google Groups > "Flex India Community" group. > To post to this group, send email to flex_in...@googlegroups.com. > To unsubscribe from this group, send email to > flex_india+unsubscr...@googlegroups.com<flex_india%2bunsubscr...@googlegroups.com> > . > For more options, visit this group at > http://groups.google.com/group/flex_india?hl=en. > -- You received this message because you are subscribed to the Google Groups "Flex India Community" group. To post to this group, send email to flex_in...@googlegroups.com. To unsubscribe from this group, send email to flex_india+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/flex_india?hl=en.
