Define an event handler for the drag

           

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->


    <!-- dragdrop\SimpleDGToDGAlert.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"
    width="650" creationComplete="initApp();">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <fx:Script> 
         
        import mx.events.DragEvent; 
        import mx.controls.Alert; 
        import mx.collections.ArrayCollection; 
        private function initApp():void { 
            srcgrid.dataProvider = new ArrayCollection([ 
            {Artist:'Carole King', Album:'Tapestry', Price:11.99}, 
            {Artist:'Paul Simon', Album:'Graceland', Price:10.99}, 
            {Artist:'Original Cast', Album:'Camelot', Price:12.99}, 
            {Artist:'The Beatles', Album:'The White Album', Price:11.99} 
            ]); 
            destgrid.dataProvider = new ArrayCollection([]); 
        } 
        // Define the event listener. 
        public function dragDropHandler(event:DragEvent):void { 
            // dataForFormat() always returns an Vector.<Object> 
            // for the list-based controls 
            // in case multiple items were selected. 
            var dragObj:Vector.<Object>= event.dragSource.dataForFormat("itemsByIndex") as Vector.<Object>; 
            // Get the Artist for all dragged albums. 
            var artistList:String=''; 
            for (var i:Number = 0; i < dragObj.length; i++) { 
                artistList+='Artist: ' + dragObj[i].Artist + '\n'; 
            } 
            Alert.show(artistList); 
        } 
      
    </fx:Script>
    <mx:HBox>
        <mx:VBox>
            <mx:Label text="Available Albums" />
            <mx:DataGrid id="srcgrid" allowMultipleSelection="true"
                dragEnabled="true" dropEnabled="true" dragMoveEnabled="true">
                <mx:columns>
                    <mx:DataGridColumn dataField="Artist" />
                    <mx:DataGridColumn dataField="Album" />
                    <mx:DataGridColumn dataField="Price" />
                </mx:columns>
            </mx:DataGrid>
        </mx:VBox>
        <mx:VBox>
            <mx:Label text="Buy These Albums" />
            <mx:DataGrid id="destgrid" allowMultipleSelection="true"
                dragEnabled="true" dropEnabled="true" dragMoveEnabled="true"
                dragDrop="dragDropHandler(event);">
                <mx:columns>
                    <mx:DataGridColumn dataField="Artist" />
                    <mx:DataGridColumn dataField="Album" />
                    <mx:DataGridColumn dataField="Price" />
                </mx:columns>
            </mx:DataGrid>
        </mx:VBox>
    </mx:HBox>
    <mx:Button id="b1" label="Reset" click="initApp();" />
</s:Application>

Related examples in the same category

1.	Using event object to make event handlers more generic
2.	Creating function and use it as event handler
3.	A function returning String and use it in button event handler
4.	Register handler function to Button control
5.	Remove handler
6.	Conditional handler
7.	Use the handler property to specify the function Argument String
8.	Use the handlerFunction property to specify the function
9.	Add handlers and then remove handlers
10.	Using ActionScript in MXML event handlers
11.	Specify Event object as a parameter in the event handler function
12.	Define an event handler inline and binds a call to the handler function to the control
13.	Event handler function
14.	Parent container's click handler disables the target control after the target handles the event
15.	Handler children clicked event from parent clicked event
16.	Priority parameter and event handler event
17.	Add itself to event handler
18.	To use the Event object, you specify it as a parameter in the event handler function
19.	Create two event handler functions
20.	Bind a call to the handler function to the control that triggers the event
21.	Simple Event Handler
22.	Pass string into event handler
23.	Use initialize event to register event handler
24.	Event handler sequence
25.	Use SetEventHandler to set event handler to a target
26.	Add SecurityErrorEvent.SECURITY_ERROR event handler
27.	Write simple event handler code inline
28.	Add event handler to ChangeWatcher
29.	Use itemDoubleClick event handler to display HitData information
30.	Event Object Handler
31.	Define variable in click event handler
32.	Handler result event and fault event for ItemResponder
33.	Using removeEventListener() method to remove event handler
34.	Add and remove event handlers
35.	Gets the value of the current target's x, y, and width properties in the focusIn event handler,
36.	Creates the groups in ActionScript by using an event handler

Define an event handler for the drag : Event Handler « Event « Flex

Related examples in the same category