Flex :: MouseDown / MouseMove / Click With Drag And Drop
Sep 15, 2009
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.
View 1 Replies
Similar Posts:
Apr 14, 2009
[Code]...
1. If i select one and drop it to the next list, then i select two and drop. the value one must be replaced by two.
2. When i click on submit i need to get what value i have in the list.
3. I need to check whether its right or wrong.
View 1 Replies
Nov 13, 2010
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]....
View 3 Replies
Apr 18, 2011
I have a scenario where I am listening to both CLICK and MouseDown events for an object.
On MouseDown I do a startDrag(). And on Click, I perform something else.
But the problem is that, MouseDown event fires first and it initiates a drag. The click event does not fire.
View 1 Replies
Aug 16, 2010
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?
View 1 Replies
Nov 5, 2010
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.
View 2 Replies
Jun 11, 2010
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?
View 2 Replies
Aug 12, 2009
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..
View 1 Replies
Mar 15, 2010
I'm trying to create a script that would imitate an old rotary phone dial. I have this script, but need it to function on MOUSE_DOWN:
Code:
handle.addEventListener(MouseEvent.ENTER_FRAME, startRotate);
function startRotate(e:Event):void {
var dx:Number=mouseX-handle.x;
var dy:Number=mouseY-handle.y;
// presupposes position of object to be facing to the right.
var radians:Number=Math.atan2(dy,dx);
handle.rotation=radians*180/Math.PI;
var hR:Number = Math.round(handle.rotation);
rotationA.text = String(hR);
}
Changing the event handler doesn't work. Somehow the MouseDown function should be working like an EnterFrame event, I guess. The condition I want to check is whether or not the handle is at a certain degree angle to stop the dial from rotating.
if (handle.rotation >= 30) {
handle.rotation = ?;
}
Not sure what I need to put in there to stop it from rotating.
View 1 Replies
May 19, 2009
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.
View 1 Replies
May 5, 2010
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.
View 2 Replies
Feb 1, 2011
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.
View 2 Replies
Mar 7, 2011
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.
View 1 Replies
Apr 27, 2011
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] .....
View 1 Replies
Apr 28, 2011
We need a capability by which we can drag and drop swc components in our Flex Application.
View 1 Replies
Feb 26, 2011
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.
View 2 Replies
Sep 14, 2009
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?
View 1 Replies
Oct 19, 2009
I was wondering, if I have two list boxes, and I want to drag and drop between both of them, how do I prevent the user from dragging onto the same list (thus duplicating the item? I cannot have a situation where that is the case
View 5 Replies
Dec 8, 2009
[code]I want a tree in this structure, having line between the nodes, also, instead of Open and Close Folders, I have added my own graphic there with label. I did by extending TreeItemRenderer Class. Now, I if iam dragging and dropping a child node ex:label5, and try i drop it above label1 here, it is getting dropped there. i.e.,it is becoming like.[code]
View 1 Replies
Jan 18, 2010
I have a Advanced DataGrid for displaying the number of rows from the Database and one row strictly should not allowed drag option. Is is possible
View 1 Replies
Aug 10, 2010
I'm trying to drag an item from a datagrid and drop it onto a UIComponet. Basically I just want the UIComponent to know that something has been dropped onto it and allow it to access the data of the dropped item.
I thought just listening for the drop event would do it but it seems not.
I found lots of documentation on dragging from one IList to another but nothing for this.
<mx:UIComponent xmlns:mx="http://www.adobe.com/2006/mxml"
initialize="init(event)" dragDrop="itemDropped(event)">
View 1 Replies
Sep 13, 2010
I need to detect when a user d-b-n-d an object into a sprite. I'm adding the 3 event listeners I need, but only one of them works:
ontainer.addEventListener( DragEvent.DRAG_ENTER, dragEnterHandler);
container.addEventListener( DragEvent.DRAG_EXIT, dragExitHandler);
container.addEventListener( DragEvent.DRAG_DROP, dragDropHandler);
[code]....
View 1 Replies
Oct 10, 2010
I have a Spark List with a TileLayout. I want to enable moving itemRenderers around to be able to order items.
View 1 Replies
Oct 21, 2010
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?
View 1 Replies
Nov 24, 2010
I'm developing an application that will randomize a list of words, and display them to the user. The user will then be able to drag the box containing each word over a Cartesian plane, and drop it anywhere they like. They will also be able to link various words together on the same plane. Once a user has completed these tasks, I want to update a database with that user's data - the coordinates of each word, as well as any parent words that may exist for each word. I started developing the application in Flex, but I'm running into problems integrating the data manipulation. It might just be me, but I find the way Flex is structured to be very counter-intuitive. I'm playing around with shifting the project over to perhaps a JQuery build. I'm proficient in neither JQuery nor Flex, however, and I'm not sure which one will be easier to pick up and develop a working prototype with.
View 1 Replies
Feb 27, 2011
I am trying to build a visual simple electric circuitry model. Towards thata) I am looking to build a drag & drop functionality, whereby I have items (wires, resistors, battery) that can be dragged and dropped on screen where I have a 10 x10 grid- the dropped items will take line positions on the grid based on where they fall.Should I do this using the mouseX, mouseY and connect them to grid points they fall closest to? The typical drag and drop examples I have seen, don't concern themselves with exact position in destination- which is obviously important here
View 1 Replies
Mar 1, 2011
When I enter with a dragged item into datagrid, a bold line appears over the active row of the datagrid (which is fine to show the active row), but the problem is that even after I drop the item into datagrid, that line remains there. It goes only if I enter with a new item (in which case a new line comes to the respective row again).
I am using custom handler for dragdrop event for this datagrid.
View 1 Replies
Apr 14, 2011
I am trying to drag and drop an object across the SkinnableContainer- am coming across a very strange issue
The drop occurs only at a few places- elsewhere it just shows the "X" sign and on dropping there, reverts to original position. I have used very standard commands... from function 2 to function 3, the call occurs very rarely as seen in trace statements- any guidance on why this happens?
I added the following code to SkinnableContainer: dragEnter="dragEnterHandler(event);" dragDrop="dragDropHandler(event);
(1):
private function mouseMoveHandler(event:MouseEvent):void
{
var dragInitiator:Image = Image(event.currentTarget);
var ds:DragSource = new DragSource();
[Code]....
View 1 Replies
Apr 29, 2011
In order to improve user experience we want the ability to have an animated movieclip of a turning wheel- and have the ability to drag and drop it anywhere on a defined area
We have built the rotating wheel as a swc file.
How do we do the drag+drop. Examples that I have seen, cater to only dropping of images.
View 2 Replies
May 23, 2011
I need a way to drag and drop an image from a container to another. I have tried a few different ways but I guess the drag & drop thing is still eluding me. Anyway, here's what I am trying to do, A container will contains a few bitmap/vector image (what's the best way for this? Tile Group? Or?) and then I want to be able to drag any of the image onto another larger Image inside of a Panel. Just like dragging shapes in Photoshop. No code here, as I am completely lost on how to go about it. I found a few tip/tutorial here and there but none which I could understand easily or adapt to my need.
Edit 1 : Got so far till now :
public function beginDrag( mouseEvent:MouseEvent ):void
{
[code]....
View 2 Replies
