Flex :: Drag And Drop Between List Control And Chart?
Feb 18, 2010
I am trying to implement a drag and drop function between a list control and a columnchart in Flex3. List items should, when dragged and dropped on the chart, be displayed raphically in the columnchart.Alas, dropping the listitems on the chart does not seem to result in a proper graph.Here my code till so far with regard to the drop part:
private function doDragDrop(event:DragEvent):void{
var ds:DragSource = event.dragSource;
var dropTarget:ChartBase=ChartBase(event.currentTarget);
I'm dragging from a TileList to a custom component. I want to know what is being dragged before I accept it. How do I set the "format" that is used for "event.dragSource.formats" in the DragEvent?
Edit for clarification: When you set "dragEnabled=true" on the TileList, it takes care of the drag source stuff, but it uses "items" as the format for the DragEvent. I'm looking for a way to have the TileList use the correct format.
I have a List with an item renderer and would like to enable drag-and-drop onto the items in the list, rather than adding the data to the list. Is it possible to find the item that is being hovered over when dragging?
I have set up some lists (<mx:List>) in Flex... I have drag and drop working fine, in that I can move elements easily from list to list. For some reason though, my DragInitiator and the currentTarget of my event are the same... even though I am obviously moving from list to list... Does anyone have an example of a function that I can call on my "dragComplete" event that will tell me the current target which will give me the id of the List object I am dropping on?This is my current function which is always returning true...
Code: private function _dropped(e:DragEvent):void {
I just started using Flash Builder 4 (yesterday infact).
I have two lists and a canvas. When dropping a list item onto the canvas, i want to trace what item it is (the label and data) and which list it came from. From there, i want to add an image to the canvas according to the dropped item.
Here's my current code
private function componentDragEnterHandler(event:DragEvent):void { DragManager.acceptDragDrop(Canvas(event.currentTarget)); DragManager.showFeedback( DragManager.COPY ); }
I'm using drag and drop on a DataGrid to reorder items. However, when the user holds down Ctrl he can initiate a drag Copy operation. How can I disable copying altogether? (not just cancel the drop, but also prevent Ctrl + drag from showing the (+) icon)
I have this project for school where i have to populate a drop down list control from an xml file.I mange to do that for a label/text input control, but i can't seem to do that on a drop down.I get this error any time i tell him to "additem" with an xml query (not getting it with simple text):"#1009 Cannot access a property or method of a null object reference"[code]...
I'm trying to implement drag and drop tabs in TabBar control, but I can't figure out the index of a tab to drop. I tried to use getObjectsUnderPoint() method but I need some implementation how to find a tab to drop.
just facing a difficulty with tree control drag drop..Suppose i have tree with drag-drop enabled.I want to which node(id) is droped inside which node. 1]if i drag "Cat1" node inside "Cat3",i want to identify ids of siblings of "cat1",and "cat3".2]in general i want to know the ids of current element being moved along withits new parent and new position and save these postions.3] Also "cat4" when moved outside "cat3",i want know its position and its siblings id.
I'm looking for a way to drag names from a scrollable list and drop them into another area.From what I've read, it doesn't seem like I can use the List component if I want to achieve this, but I'm having trouble thinking of a way.Basically, I'm going to have a input text box that will be used to be populate the list. Then I would like the ability to drag the names from the list to a blank area.I was able to get it working with the input text box to populate the list, it was just the dragging part that caused me trouble.
I have a problem trying to get this to work, I'm doing a drag and drop controling all its drag and drop elements inside of two arrays. The function is this:
- If the dragging element is dropped in certain "drop" MCs, it takes a new position above it.
- If the dragging element is dropped anywhere else, it returns to its original position.
No problem when dragging, and no problem when it takes its new place above the drop MCs. But it gets an odd behavior when I add the 'else' lines in order to return it to its original position.
Code: var ox:Number = drag1.x; var oy:Number; var drags:Array = new Array(10); var drops:Array = new Array(5);
I have two spark lists,backed up by Array Collections, both of which accept drag & drop either to move objects between them or to reorder within the lists. I have a method which is called on drop which resets some properties of the object to 0, this works as expected...
protected function list_dragDropHandler(event:DragEvent):void { if(event.action != DragManager.NONE) {
[Code].....
What I would like to do is only call this method only when the objects are moved to another list, currently it is called when I reorder within the same list too
I want to make a drag and drop movie clip with rotating control in 360 degrees.I made a movie clip with 30 frames with a button in centre which can rotate the object in 360 degrees.At this stage it is functioning.when i tried to add the drag and drop action to the movie,the button for rotation is not working.
I'm using a Spark List with a TextInput in the ItemRenderer, with ability for the user to reorder the list rows by drag'n'dropping them. This is how I declared the list :
Everything works fine, except that it's impossible to select the text in the TextInput with the mouse, instead it's dragging the row...How can I set the TextInput to have priority over drag'n'drop ?
Here is what I am looking to do. Currently I have a drag and drop built in AS 3 that works perfectly fine, but I'm looking to add one more functionality. What I want to happen is when I drop the correct drag item on it's correct target piece (which is a movie clip) I want my target movie clip to go a head one frame.
So as an example I'm dragging a piece of paper onto a movie clip of of a waste basket. When I drop the piece of paper on it the waste basket, the waste basket movie clip moves a head one frame which shows a crumpled up piece of paper in it. Here is my current code for my drop eventlistener:
3 circles which can be dragged over a target (one for each circle)When the circle is placed on its target it loads its respective xml playlist into 4 buttons (play, pause, forward, back)I want to be able to create some kind of function to control the volume, either using a slider or a rotary dial, whichever is easiest!
I want to show the second line series underneath the first one, however with this code they are appearing sequentially. Not sure how to make sure they are overlayed! I followed some code I saw for combining charts.. not sure what to do.
I am trying to do a flex drag and drop. It is very similar to this first example.url....The problem is that event.currentTarget.mouseX,mouseY is showing the position where I put the mouse down rather than the position where I had finished dragging.
we want to drag a button with a css layout from one grid to the other. On the second grid should be the same button with this layout. The grids are in different mxml files.
I'm doing an application in flex where I draw different sprites inside a canvas. Depending of the dimensions, scrollbars can be appear. I would like to move the "image" with the movement of the mouse as you can see at the Adobe Reader when you are reading a document with zoom (hand mouse icon). In this way, you dont have to touch the scrollbar.I'm start trying with drag and drop properties of the canvas, setting the position of the scrollbar according with the movement of the mouse but that is not as I expect.
I am dragging item from a datagrid and while dragging I could see all of the columns in the selected record, being getting dragged. However I only want to show one column (maybe name or id of the record)? Is there a way to achieve this? Also, could I show an icon or image instead of the record while dragging.
I am building a flex project involving drag+drop of fxg graphics. My graphic is instantiated as below: <graphics:arrow2 id="object" mouseMove="mouseMoveHandler(event);" /> I get an error: "Call to a possibly undefined method Graphic."
This works if I change my drag-object to Image and replace the 'Graphic' below with 'Image'. What should I use to be able to reference the fxg graphic in the drag-drop? My drag drop functionality is as follows private function mouseMoveHandler(event:MouseEvent):void { var dragInitiator:Graphic = Graphic(event.currentTarget); var ds:DragSource = new DragSource(); ds.addData(dragInitiator,"gph"); DragManager.doDrag(dragInitiator, ds, event); [Code] .....
I have implemented drag and drop between 2 AdvancedDataGrid, but the default behaviour from Flex displays the row data during the drag using the grid item renderer showing all 5 columns.
Instead, I would like to display an icon / image or my own custom item renderer during the drag and drop.
