[flexcoders] Strange issue with drag and drop between Lists

Thu, 20 Jul 2006 12:44:18 -0700

In one of my projects, I create a new TitleWindow that has two Lists in which can drag items from one to the other.  However, when I try dragging items from one to the other, there is a blank space at the top of each list that I can not drop items into - I have to drop the items in the bottom of the list.  If I have the same two lists not in a TitleWindow, dragging and dropping works fine, with no "barrier."  You can view the problem at the link below, and recreate the problem with the steps below.

http://www.thegoosmans.com/flexproblem/TitleWindowDragAndDrop.swf 

Hi, to recreate my problem:

1. Create a new project (basic)

2. In the application mxml file, paste this code in:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
    <mx:Script>
        <![CDATA[
            import mx.managers.PopUpManager;
            private function makePopUp():void
            {
                PopUpManager.createPopUp(this, MyPopup, true);
            }
        ]]>
    </mx:Script>
    <mx:Button label="Make Popup" id="bPopup" click="makePopUp();" />
    <mx:HBox>
        <mx:List id="list1" dragEnabled="true" dragMoveEnabled="true" dropEnabled="true" width="100" height="100">
            <mx:dataProvider>
                <mx:String>Item 1</mx:String>
                <mx:String>Item 2</mx:String>
            </mx:dataProvider>
        </mx:List>
        <mx:List id="list2" dragEnabled="true" dragMoveEnabled="true" dropEnabled="true" width="100" height="100" />
    </mx:HBox>
</mx:Application>


3. Create a new MXML Component, base it off of TitleWindow, call it MyPopup.mxml

4. Paste this code into that file:
<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
    <mx:HBox>
        <mx:List id="list1" dragEnabled="true" dragMoveEnabled="true" dropEnabled="true" width="100" height="100">
            <mx:dataProvider>
                <mx:String>Item 1</mx:String>
                <mx:String>Item 2</mx:String>
            </mx:dataProvider>
        </mx:List>
        <mx:List id="list2" dragEnabled="true" dragMoveEnabled="true" dropEnabled="true" width="100" height="100" />
    </mx:HBox>
</mx:TitleWindow>

5. Run the application.

6. Try dragging items from list to list on the main application.  Then, click the button and try dragging and dropping, notice the difference in where you can drop items.
__._,_.___

--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com




SPONSORED LINKS
Web site design development Computer software development Software design and development
Macromedia flex Software development best practice

YAHOO! GROUPS LINKS



__,_._,___

Reply via email to