?
Solved

How to copy data from one list to another programmatically in Flex

Posted on 2009-03-29
7
Medium Priority
?
689 Views
Last Modified: 2012-05-06
My question is this.  

I have a datagrid which is bound to an XML collection.
I have a blank list.

I have drag enabled on the data grid and drop enabled on the list.

I am able to drag and drop between the lists (this is working fine).

What I am trying to replicate is the scenario where you have a button ( > ) between the lists which will copy the highlighted record to the list as if you had dragged and dropped it.

Hope this makes sense, let me know if you need anything clarifying.

Thanks in advance,
Oli
0
Comment
Question by:olifarago
  • 5
  • 2
7 Comments
 
LVL 37

Expert Comment

by:zzynx
ID: 24016813
When pressing the button, remove the selected item out of the XMLCollection and push in into the list bound to the List.
0
 
LVL 37

Expert Comment

by:zzynx
ID: 24016814
Could you maybe show us the code you already have?
0
 
LVL 9

Author Comment

by:olifarago
ID: 24016917
I'm really not sure whata you are suggesting.
Attached is a snippet which is a simple example of the scenario.

Oli

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="260">
 
    <mx:Model id="testfruit">
      <fruits>
        <fruit label="Apple"/>
        <fruit label="Banana"/>
        <fruit label="Cherry"/>
        <fruit label="Date"/>
        <fruit label="Pear"/>
      </fruits>
    </mx:Model>
    
    
	<mx:List x="10" y="10" width="160" height="238" dataProvider="{testfruit.fruit}" dragEnabled="true"></mx:List>
	<mx:List x="226" y="10" height="238" width="160" dropEnabled="true"></mx:List>
	<mx:Button x="178" y="119" label="&gt;"/>
	
</mx:Application>

Open in new window

0
Prepare for an Exciting Career in Cybersecurity

Help prevent cyber-threats and provide solutions to safeguard our global digital economy. Earn your MS in Cybersecurity. WGU’s MSCSIA degree program curriculum features two internationally recognized certifications from the EC-Council at no additional time or cost.

 
LVL 37

Expert Comment

by:zzynx
ID: 24017045
Consider this
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="260" creationComplete="onComplete()">
 
 	<mx:Script>
 		<![CDATA[
 			import mx.collections.ArrayCollection;
            [Bindable] private var testfruit:ArrayCollection = new ArrayCollection();
            [Bindable] private var testfruit2:ArrayCollection = new ArrayCollection();
 		
 			private function onClick():void {
 				var item:String = String(testfruit.removeItemAt(list1.selectedIndex));
 				testfruit2.addItem(item);
 			}
 			
 			private function onComplete():void {
 				testfruit.addItem("Apple");
 				testfruit.addItem("Banana");
 				testfruit.addItem("Cherry");
 				testfruit.addItem("Date");
 				testfruit.addItem("Pear");
 			}
 		]]>
 	</mx:Script>
 
        <mx:List id="list1" x="10" y="10" width="160" height="238" dataProvider="{testfruit}" dragEnabled="true"></mx:List>
        <mx:List id="list2" x="226" y="10" height="238" width="160" dataProvider="{testfruit2}"  dropEnabled="true"></mx:List>
        <mx:Button id="_btn" x="178" y="119" label="&gt;" click="onClick()"/>
        
</mx:Application>

Open in new window

0
 
LVL 37

Accepted Solution

by:
zzynx earned 2000 total points
ID: 24017087
Oh, sorry. You don't want the item to be moved, but to be copied.
Then just replace this line

var item:String = String(testfruit.removeItemAt(list1.selectedIndex));

by

var item:String = String(testfruit.getItemAt(list1.selectedIndex));

Also, to avoid problems when nothing is selected you'd better write that method like this:

                   private function onClick():void {
                         if (list1.selectedIndex>-1) {
                              var item:String = String(testfruit.getItemAt(list1.selectedIndex));
                               testfruit2.addItem(item);
                         }
                   }
0
 
LVL 9

Author Comment

by:olifarago
ID: 24017292
zzynx, thanks for this.
As I was using some more detailed XML records I changed to using Object instead of String. Using our example woudl be:
                   private function onClick():void {
                         if (list1.selectedIndex>-1) {
                              var item:Object= testfruit.getItemAt(list1.selectedIndex);
                               testfruit2.addItem(item);
                         }
                   }
But this is exactly what I needed. Thanks for the guidance.
Oli
0
 
LVL 37

Expert Comment

by:zzynx
ID: 24017745
>> But this is exactly what I needed. Thanks for the guidance.
You're welcome.
Thanx 4 axxepting
0

Featured Post

Easily manage email signatures in Office 365

Managing email signatures in Office 365 can be a challenging task if you don't have the right tool. CodeTwo Email Signatures for Office 365 will help you implement a unified email signature look, no matter what email client is used by users. Test it for free!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

First things first - Preparation We need all the part for this install and it's much nicer to have them all on hand when you need them so here's what's required. Download Eclipse 3.5 32 bit (I like the Classic flavour) from here. (http://www.e…
A recent study by Google illustrates that almost 84% of patients go for both online and offline sources for hospital research. What do you think, “Is the Healthcare Industry the next to be disrupted by Digital Marketing?”
Get the source code for a fully functional Access application shell with several popular security features that Access VBA application developers desire, but find difficult or impossible to figure out how to code. You get the source code for managi…
If you are looking for an automated solution for backup single or multiple Office 365 user mailboxes to Outlook data file, then you can use Kernel Office 365 Backup & Restore tool. Go through the video to check out the steps to backup single or mult…
Suggested Courses

593 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question