Flex :: Drag And Drop Between Datagrids?
May 5, 2010we 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 Replieswe 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 RepliesI 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 RepliesI'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 RepliesI 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 RepliesI 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] .....
We need a capability by which we can drag and drop swc components in our Flex Application.
View 1 RepliesI 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?
View 1 RepliesI 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[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 RepliesI 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 RepliesI'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)">
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]....
I have a Spark List with a TileLayout. I want to enable moving itemRenderers around to be able to order items.
View 1 RepliesI 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 RepliesI'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 RepliesI 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 RepliesWhen 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.
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]....
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.
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]....
I have a tree (in Flex 3.5), and I want to use the drag & drop functionality, but I want to let the user only move nodes, not copy them. I tried listening for the dragOver event and change the drag event's action property if it indicates a copy operation, and also listening for the keyDown event and changing the feedback using the DragManager if the pressed key was ctrl, but to no avail.
View 2 RepliesI have a Flex panel, in InDesign, from which I drag an URL. If I drop this URL on a text editor or a web browser, it works. But when I try to drop it on my InDesign document, it's a little bit harder.I have implemented a subclass of CDragDropTargetFlavorHelper. The drop works perfectly on Windows. But on mac, I have problems in the method CouldAcceptTypes :
DragDrop::TargetResponse AutocatDNDCustomFlavorHelper::CouldAcceptTypes(const DragDropTarget* target, DataObjectIterator* dataIter, const IDragDropSource* fromSource, const IDragDropController* controller) const
{
if (0 != dataIter && 0 != target)
[code]....
The problem is the IMPDataObject I get is nil. There is no item in the controller. However, there were items in the CouldAcceptTypes method, in the DataObjectIterator. So, where are my items ?I tried using a custom CDataExchangeHandlerFor, but could not really understand what its usage was for. It didn't work anyway.
My question is simple. Let's say I have 2 List Controls. 1 of Users and 1 of Tickets. (The 2 Sources). And I have a DataGrid (the target). Is possible to select 1 user and 1 ticket in the 2 list mentioned before and drag & drop them at the same time to the DataGrid? I know it's not as simple as they are going to get automatically mixed.. If it is possible... I would have to use the DragEnter Event of the Datagrid or something to mix them and create my dataProvider. But I don't know how you can drag & drop 2 items at the same time from different sources. It is possible with one source.. But no idea of how to do it with 2 sources.
View 1 RepliesI have a list with itemrenderer with dragEnabled true and dropEnabled true. Now, I am trying to tell flex not to let the dragged item (even the icon indication) leave the drop panel. I don;t care if it stop the dragging or just freezes it as if it was the application border - and I cannot. I tried to stop the dragging on dragExit handler but it seems to ignore it. Does anyone know of a working mechanism to do such? (Flex 4)
View 1 RepliesI 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
{
[code].....
I need some actionscript code to simulate the dragging and dropping of a Sprite, I was wondering if it is possible to do so? if it is how?
For example to simulate a click on a Sprite I can achieve with the following line of code.
sprite.dispatchEvent(new MouseEvent(MouseEvent.CLICK));
I have a TileList that's loaded with data from Flickr. The tilelist uses an imageRenderer to make a bunch of thumbnails. I'm trying to create a custom drag and drop function, but I want to get the image source of the tilelist mouseEvent target. Here's what the code looks like for the drag handler:
[Code]...
I want to replicate the standard startDrag/stopDrag events with my own routine to alter things a bit, and I run into some kind of event propagation or bubbling problem. Here is my code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
mouseDown="mouseDown = true" mouseUp="mouseDown = false"
[Code].....
The problem with this code is that as you drag the object to the right, you will see in the trace that occasionally some random localX values arrive there, resulting in the object jerking from side to side.
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.