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'm new to CS5 and AS3, I'm creating an educational game for a project and have used the code snippets (with minor tweeking) to create a drag and drop question where the user has to drag a shape to the right amount of corners. (The game is for 4-7 year olds)I've got all of the drag and drop to work, however I am struggling with a way to use a submit button to lead the user to a seperate page (frame) that will give them feedback.
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 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)
In Flex 3, I have an ItemRenderer that has a button in it. I want users to be able to click and drag this Renderer, but also just click the button. Right now it's working with the Renderer listening on "MouseMove" to initiate drag and drop, and the button listening on "click". However this is very screwy. If somebody is dragging a scroll bar and comes anywhere near that renderer, MouseMove gets fired on the renderer and initiates dragging.
(or if somebody is resizing a HDividedBox, basically if someone initiated a click anywhere in the app and rolls over this renderer, we get unwanted dragging. The alternative is listening on MouseDown instead of MouseMove, which fixes the previous issue, however the nested button loses it's click. I can click on the button, but the renderer just thinks it's time to Drag.
I want to have an image and when I click on the image ,one can hold down the mouse and drag a copy to where ever on the stage and when one lets go, one can drag another and another with each copy still being able to be dragged after released.this is what i have but its pretty simple and doesn't work....
stage.addEventListener(MouseEvent.MOUSE_DOWN,makeA Box); var i:Number = 1; //i will be the total number of boxes var newBox:myMC = new myMC();[code]....
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'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 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'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 ?
After I drag and drop a label(or other UIComponent) in a container, i want to double click the label to show me an alert. well it doesn't work.
i've tried in the dragCompleteHandler to put event.dragIntiator.addEventListener or event.currentTargetaddEventListner but it doesn't work. Also i enabled the DoubleClickEnabler and still nothing?
I'm building a flash app that has some draggable buttons on it and I want them to behave like this:
You click on it, ClickEvent1 happens, You click and hold on the button, you can move it. If you release from the hold, it does NOT trigger the ClickEvent
I'm running into the logic problem of not knowing whether a user is just clicking or starting a drag event. Does anyone know any logic to get around this issue? I have thought of alternatives such as placing regions of the button that are only draggable or only clickable, but I've seen this type of functionality in other flash apps and I'm wondering how it is accomplished.
I have one movieclip inside which I created few movieclips...I applied drag drop functionality to main movieclip with which all movieclips inside of it also get dragged along with it..and I want inside movieclips to act as buttons meaning on clicking perticular movieclip it should perform perticular event assigned to it... How to make movieclips into buttons and the main movieclip containing these buttons with drag drop functionality?
I'm really new to AS3 and could use some help. I have a movieClip with a drag and drop functionality that's working fine but then inside this movieClip is a dynamic text field and it won't let me click over the text field to start dragging and if I click off to the side I can drag but the movieClip is automatically centered and then I can't drop because now the text field is under the mouse and it keeps saying:
ReferenceError: Error #1069: Property stopDrag not found on flash.text.TextField and there is no default value. at MethodInfo-10()
Why is AS3 so finicky? I'm clicking on the MC for the love of $(*%@ not the text field. Errr..
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.
How do I determine which Flex AdvancedDataGrid cell - row and column index - I've just dropped onto? calculateDropIndex seems to give me the row, but how do I get the column?