Arraycollection to xmllistcollection

Is there an easy way to convert an ArrayCollection to an
XMLListCollection? I have found plenty of references to convert the
reverse, but none that go into an XMLListCollection or XMLList.
I am receiving a query from a database via a RemoteObject and
putting it directly into an ArrayCollection. Some of this data
needs to be displayed in a Tree and I've found XMListCollection
works better as a data provider. I wrote a method to go through the
array and create nodes then add them to the XML, but it seems there
would be a way to do this automatically instead. Thanks!

You cannot cast unless the cariable you are casting contains
an object of the type you are casting to.
ArrayCollection will never contain an XMLListcollection, so
forget casting.
If the CFC IS returning xml, then set the resultFormat="e4x",
then in the handler, do:
var xmlResult:XML = XML(event.result);
trace(xmlResult.toXMLString())
Tracy

Similar Messages

Why is it different using ArrayCollection and XMLListCollection?

As shown in the screenshot below. The first one has ArrayCollection as dataProvider. The second one has XMLListCollection as dataProvider.
I would like the result for XMLListCollection but now I only have ArrayCollection as input. How can I deal with it? Thanks!
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" >
          <mx:Script>
                    <![CDATA[
                              import mx.collections.ArrayCollection;
                              [Bindable]
                              private var dp:ArrayCollection = new ArrayCollection([
                                        {name: "00:00:00", v1: "2"},
                                        {name: "00:15:00", v1: "3"},
                                        {name: "00:30:00", v1: "4"},
                                        {name: "00:45:00", v1: "3"},
                                        {name: "01:00:00", v1: "5"},
                                        {name: "01:15:00"},
                                        {name: "01:30:00"},
                                        {name: "01:45:00"},
                                        {name: "02:00:00"}
                    ]]>
          </mx:Script>
          <mx:XMLListCollection id="dp2">
                    <mx:source>
                              <mx:XMLList>
                                        <hour name="00:00:00" v1="2"/>
                                        <hour name="00:15:00" v1="3"/>
                                        <hour name="00:30:00" v1="4"/>
                                        <hour name="00:45:00" v1="3"/>
                                        <hour name="01:00:00" v1="5"/>
                                        <hour name="01:15:00" />
                                        <hour name="01:30:00" />
                                        <hour name="01:45:00" />
                                        <hour name="02:00:00" />
                              </mx:XMLList>
                    </mx:source>
          </mx:XMLListCollection>
          <mx:LineChart id="lineChart" height="100%" width="100%" dataProvider="{dp}" showDataTips="true">
                    <mx:horizontalAxis>
                              <mx:CategoryAxis categoryField="name"/>
                    </mx:horizontalAxis>
                    <mx:series>
                              <mx:LineSeries yField="v1" form="curve" displayName="v1"/>
                    </mx:series>
          </mx:LineChart>
          <mx:Legend dataProvider="{lineChart}" direction="horizontal"/>
          <mx:LineChart id="lineChart2" height="100%" width="100%" dataProvider="{dp2}" showDataTips="true">
                    <mx:horizontalAxis>
                              <mx:CategoryAxis categoryField="@name"/>
                    </mx:horizontalAxis>
                    <mx:series>
                              <mx:LineSeries yField="@v1" form="curve" displayName="v1"/>
                    </mx:series>
          </mx:LineChart>
          <mx:Legend dataProvider="{lineChart2}" direction="horizontal"/>
</mx:Application>

Define a default value to v1 for each of your objects in the ArrayCollection, or even better, use a strongly typed model class. In XML this would resolve to null (or maybe an empty string?), but an object will throw a "property not found" error, which may have unexpected results (as seen above).

Arraycollection into XMLlistcollection

Hi all,
I am trying to create my xmllistcollection since days, and getting soo unsuccessful each time...
I have a flat simple arraycollection like :
id_order
client_name
orders_name
1
client_name 1
order_name 1
2
client_name 2
order_name 2
3
client_name 3
order_name 3
4
client_name 1
order_name 4
Objective: I want to display the above data in a tree, group by client_name.
Please can you help me to create that xmllistcollection ?
Thanks
ps: what i have done so far:
[Bindable]
private var myXMLlist:XML = <clients></clients>;
[Bindable]
private var XMListcol:XMLListCollection;
private function createXML():void
     XMListcol = new XMLListCollection;
     var clientNamePrev:String;
     for (var i:int = 0; i < allOrders_array.length; i++)
          var ordName:String = allOrders_array.getItemAt(i).orders_name;
          var idOrders:String = allOrders_array.getItemAt(i).id_orders;
          var clientName:String = allOrders_array.getItemAt(i).client_name;
          var clientNameTag:XML = <clientname>{clientName}</clientname>;
          //Alert.show("idOrders:"+ idOrders+ "order name:"+ ordName);
          var new0rderTag:XML = <ordername id={idOrders}>{ordName}</ordername>;
          if(clientNamePrev == clientName)
               Alert.show("clientNameTag: "+ clientNameTag);
               clientNameTag.appendChild(new0rderTag);
          else
               //Alert.show("ord Prev: "+clientNamePrev + " orderName: "+ clientName);
               myXMLlist = myXMLlist.appendChild(clientNameTag);
          clientNamePrev= clientName;
     XMListcol = new XMLListCollection(myXMLlist.children());
     Alert.show("listxml: "+ myXMLlist.descendants());

Hi
Do you know how could i access the attribute 'id' from the tag '<ordername id =xx>'?
please find below the solution to my difficulties:
private function createXML():void
     var myXMLlist:XML = <clients></clients>;
     var clientNamePrev:String = "";
     var clientNameTag:XML;
     //Alert.show("arraylength : " +allOrders_array.getItemAt(20).client_name );
     for (var i:int = 0; i < allOrders_array.length; i++)
          var ordName:String = allOrders_array.getItemAt(i).orders_name;
          var idOrders:String = allOrders_array.getItemAt(i).id_orders;
          var clientName:String = allOrders_array.getItemAt(i).client_name;
          var new0rderTag:XML = <ordername id={idOrders} label={ordName}/>;
          if (clientNamePrev == "")
               clientNameTag = <clientname label={clientName}></clientname>;
               clientNameTag.appendChild(new0rderTag);
          else if(clientNamePrev == clientName)
               clientNameTag.appendChild(new0rderTag);
               //Alert.show("clientNameTag: "+ clientNameTag);
          else if(clientNamePrev != clientName)
               //Alert.show("ord Prev: "+clientNamePrev + " orderName: "+ clientName);
               myXMLlist = myXMLlist.appendChild(clientNameTag);
               clientNameTag = <clientname label={clientName}></clientname>;
               clientNameTag.appendChild(new0rderTag);
          else
               Alert.show("Please contact Administrator @ [email protected]", "Alert");
          if (i == (allOrders_array.length - 1))
               myXMLlist = myXMLlist.appendChild(clientNameTag);
          clientNamePrev= clientName;
     XMListcol = new XMLListCollection(myXMLlist.children());
     //Alert.show("listxml:" + XMListcol);
Thank you

Trying to scan photos from my photo album to a folder on my desktop. Have been trying to figure out for over an hour. Seems very complicated and cumbersome, Can you help?

Trying to scan photos from my photo album to a folder on my desktop. Have been trying to figure out for hours. Seems very complicated and cumbersome. Can anyone help? It's got to be much quicker (fewer key strokes) and simpler than what I've been able to discover.

Open the file, parse it, populate an ArrayCollection or XMLListCollection, and make the collection the DataGrid dataProvider:
http://livedocs.adobe.com/flex/3/html/help.html?content=Filesystem_08.html
http://livedocs.adobe.com/flex/3/html/help.html?content=12_Using_Regular_Expressions_01.ht ml
http://livedocs.adobe.com/flex/3/html/help.html?content=dpcontrols_6.html
http://livedocs.adobe.com/flex/3/langref/mx/collections/ArrayCollection.html
http://livedocs.adobe.com/flex/3/langref/mx/collections/XMLListCollection.html
If this post answered your question or helped, please mark it as such.

How to display data from local csv files (in a folder on my desktop) in my flex air application using a datagrid?

Hello, I am very new to flex and don't have a programming background. I am trying to create an air app with flex that looks at a folder on the users desktop where csv files will be dropped by the user. In the air app the user will be able to browse and look for a specific csv file in a list container, once selected the information from that file should be displayed in a datagrid bellow. Finally i will be using Alive PDF to create a pdf from the information in this datagrid laid out in an invoice format. Bellow is the source code for my app as a visual refference, it only has the containers with no working code. I have also attached a sample csv file so you can see what i am working with. Can this be done? How do i do this? Please help.
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="794" height="666">
    <mx:Label x="280" y="19" text="1. Select Purchase Order"/>
    <mx:List y="45" width="232" horizontalCenter="0"></mx:List>
    <mx:Label x="158" y="242" text="2. Verify Information"/>
    <mx:DataGrid y="268" height="297" horizontalCenter="0" width="476">
        <mx:columns>
            <mx:DataGridColumn headerText="Column 1" dataField="col1"/>
            <mx:DataGridColumn headerText="Column 2" dataField="col2"/>
            <mx:DataGridColumn headerText="Column 3" dataField="col3"/>
        </mx:columns>
    </mx:DataGrid>
    <mx:Label x="355" y="606" text="3. Generated PDF"/>
    <mx:Button label="Click Here" horizontalCenter="0" verticalCenter="311"/>
</mx:WindowedApplication>

Open the file, parse it, populate an ArrayCollection or XMLListCollection, and make the collection the DataGrid dataProvider:
http://livedocs.adobe.com/flex/3/html/help.html?content=Filesystem_08.html
http://livedocs.adobe.com/flex/3/html/help.html?content=12_Using_Regular_Expressions_01.ht ml
http://livedocs.adobe.com/flex/3/html/help.html?content=dpcontrols_6.html
http://livedocs.adobe.com/flex/3/langref/mx/collections/ArrayCollection.html
http://livedocs.adobe.com/flex/3/langref/mx/collections/XMLListCollection.html
If this post answered your question or helped, please mark it as such.

Flex itemrenderer recycling

Hi guys,
i have a big performance issue which i need to sort out as soon as possible.
I'll describe the scenario first.
I have a datagrid which takes in data from blaze, basically everytime there is a transaction going through our system a message is sent to Blaze with the transaction information which is then displayed in the datagrid.
This is working absolutely fine, however there are filters which the user can apply to the datagrid which change the colour of the row/columns/font style etc depending on certain conditions, this is done via item rendrers (stuff like if amount of transaction is > 100 make row red, if country of transaction is UK make column green etc)
This is also working well, however the problem i have is when the user has many rows and columns.
By default the user has about 20 rows on display and abount 5 or 6 columns on display at any one time (although the datagrid has many more). When the user scrolls up to show the next bunch of rows or scrolls right to show the remaining columns the performance is really really slow.
From research that i have been doing i understand that Flex basically 'renders' the viewable rows/columns plus 2 more (so if you have 20 rows in total, but you only have 10 in view, Flex will render 12, so when you scroll down theres some buffer).
However in my case, this is not good enough because there are so many columns and rows, and there can be so many filters applied at once that when you start scrolling the performance takes a massive hit. In my case it would be better if flex would 'render' all of the columns and rows whether they are visible or not.
So basically my question is, is there a way to change how many rows/columns Flx pre-renders so that its more than just 2 more than whats currently visible? I understand that if that were to happen, the inital loading of the data in the grid would take a massive hit, but id rather have a bigger inital loading time than a bad user experience whilst scrolling.
thanks in advance!!

There is a property that controls the number of rows, so take a look at http://livedocs.adobe.com/flex/3/langref/mx/controls/listClasses/ListBase.html#offscreenEx traRowsOrColumns
However I'm not sure if this is truly your issue.
Assuming you are using a Collection (either ArrayCollection or XMLListCollection) and that you are using the collection's built in filtering functionality, filtering should not have an affect on scrolling performance. If you are doing some logic to filter as the DataGrid is scrolled, that is probably the issue.
Do your itemRenderers use data binding? Of so, that could be an issue. Data Binding can be slow. Rewrite your itemRenderers to listen to the dataChange event and that may help.
Beyond that, you can use the profiler to hone in on what exactly is causing the performance problems.

Datagrid and multiple ItemRenderer

What I would like to do and haven't been successful is add a column to a Datagrid at runtime. Each cell in that column is going to be different based upon user data. The first column is populated based upon a user query then another query (i.e. RESTful query) is made to mashup some data.
I wanted a button (mashup data) to appear in the column enabled if data was available and disabled if data was not available.
I was doing something like this:
My MXML file has this:
        <mx:DataGrid id="dg" dataProvider="{ModelLocator.getInstance().list}" itemClick="itemClickHandler(event)" left="10" right="0" bottom="0" top="50" editable="true" >
            <mx:columns>
                <mx:DataGridColumn headerText="Name" dataField="name" editable="true" />
                 <mx:DataGridColumn headerText="Data" dataField="someData" itemRenderer="ActionButtonItemRenderer" />
            </mx:columns>
        </mx:DataGrid>
ActionButtonItemRenderer.as file:
    public class ActionButtonItemRenderer extends Button
        public function ActionButtonItemRenderer()
            super();
            label = "Show Data";
        override public function set data(value:Object):void {
            if (null == value.myData) {
                label = "";
                this.enabled = false;
        // Handle the search button event.
        override protected function clickHandler(event:MouseEvent):void
            // Code omitted here...
It works but when I use my mouse wheel to scroll through the records the buttons get all hosed up and the enabled buttons become disabled. It's weird.
Thanks!

You create an ArrayCollection or XMLListCollection and populate it initially with perhaps data that would represent "no data".
Then if your queries return real data, the dataProvider object now "has data".
The itemRenderer does the appropriate thing if there is not is no data.
You don't generate the button in the dataProvider, you just get the label and visible property value etc. from the dataProvider.
If this post answers your question or helps, please mark it as such.
Greg Lafrance - Flex 2 and 3 ACE certified
www.ChikaraDev.com
Flex / AIR Development, Training, and Support Services

Qualification Information updated in PUI not reflected in Self Service

Hi there,
I noticed that when I update my qualification information via sefl service, after HR approval, this information is reflected in the Qualification forms in the PUI.
However, if I update my qualification via PUI, this information is not reflected in my self service page.
Im currently lost as to tracking why is this happening. Im not even able to locate the tables these information are written into.
Any clue would be great!
Thanks & cheers,
HK

You also might want to try myDataProvider.refresh(), where myDataProvider is the data provider for the DataGrid. Make sure you are using a collection like ArrayCollection or XMLListCollection and you are using the [Bindable] metadata tag.
If this post answers your question or helps, please mark it as such. Thanks!
http://www.chikaradev.com
Adobe Flex Development and Support Services

JDev- how to add data from postgres using buttons in a JClientEmptyForm

hi! can anyone help me about my problem.. im working on a system that needs to use buttons for adding entries... can anyone give me some reference code that can help me figure out the solution to my problem.. i really appreciate if u answer immediately...thankz..

Open the file, parse it, populate an ArrayCollection or XMLListCollection, and make the collection the DataGrid dataProvider:
http://livedocs.adobe.com/flex/3/html/help.html?content=Filesystem_08.html
http://livedocs.adobe.com/flex/3/html/help.html?content=12_Using_Regular_Expressions_01.ht ml
http://livedocs.adobe.com/flex/3/html/help.html?content=dpcontrols_6.html
http://livedocs.adobe.com/flex/3/langref/mx/collections/ArrayCollection.html
http://livedocs.adobe.com/flex/3/langref/mx/collections/XMLListCollection.html
If this post answered your question or helped, please mark it as such.

How to bind XML to Datagrid?

My xml is here:
<?xml version="1.0"?><ITRequests><CallInfo><id type="INT UNSIGNED">42</id><request_no type="VARCHAR">1313_IT_220520100709</request_no><requester_uid type="VARCHAR">administrator</requester_uid><request_date type="VARCHAR">22-May-2010 07:09:34 PM</request_date><title type="VARCHAR">Printer Installation</title><status type="VARCHAR">Closed</status></CallInfo><CallInfo><id type="INT UNSIGNED">43</id><request_no type="VARCHAR">1314_IT_220520100718</request_no><requester_uid type="VARCHAR">administrator</requester_uid><request_date type="VARCHAR">22-May-2010 07:17:49 PM</request_date><title type="VARCHAR">Software Installation</title><status type="VARCHAR">In Progress</status></CallInfo><CallInfo></ITRequests>
I don't know how to bind this to a simple datagrid.
Can someone help me please?
PS: The data is in a String variable.
Thanks,
Nith

Getting your data in the form a string is a PITA. Can you just use the XML itself, and convert it to an ArrayCollection? Then you could just use an HTTP request, for instance, to retrieve it.
Anyway, here is the code you need. It also demonstrates using E4X syntax to filter out the root node.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"creationComplete="initApp()"
>
<mx:Script>
<![CDATA[
import mx.collections.XMLListCollection;
import mx.collections.ArrayCollection;
private var strData:String = "<?xml version='1.0'?><ITRequests><CallInfo><id type='INT UNSIGNED'>42</id><request_no type='VARCHAR'>1313_IT_220520100709</request_no><requester_uid type='VARCHAR'>administrator</requester_uid><request_date type='VARCHAR'>22-May-2010 07:09:34 PM</request_date><title type='VARCHAR'>Printer Installation</title><status type='VARCHAR'>Closed</status></CallInfo><CallInfo><id type='INT UNSIGNED'>43</id><request_no type='VARCHAR'>1314_IT_220520100718</request_no><requester_uid type='VARCHAR'>administrator</requester_uid><request_date type='VARCHAR'>22-May-2010 07:17:49 PM</request_date><title type='VARCHAR'>Software Installation</title><status type='VARCHAR'>In Progress</status></CallInfo></ITRequests>";[
Bindable]
private var acData:ArrayCollection;
private function initApp():void{     getCallInfo();
private function getCallInfo():void{
//Convert string to XML:
var sxml:XML = new XML(strData);
//Create an ArrayCollection.
//Just get the 'CallInfo' nodes (ignoring the root node, 'ITRequests'):
acData =
new ArrayCollection(new XMLListCollection(new XMLList(sxml..CallInfo)).toArray());
trace(acData);}
]]>
</mx:Script>
<mx:DataGrid
dataProvider="{acData}">
     <mx:columns>
          <mx:DataGridColumn dataField="id" width="50"/>
          <mx:DataGridColumn dataField="request_no" width="180"/>
     </mx:columns></mx:DataGrid>
</mx:Application>

ComboBox as a custom renderer

I am working on something more complex than a classic combo in a dataGrid. As a general rule, what exactly populates dataGrid with the selected value? What is a design pattern to update dataGrid with a value from combobox?
Thanks

The DataGrid should be populated using a collection, like ArrayCollection or XMLListCollection.
The ComboBox used as a dataRenderer in the DataGrid should update the dataProvider when user selects a new value.
If this post answers your question or helps, please mark it as such.

Displaying panels as list items

Hi All,
I have a requirement in my project where I have a tree
control on the left and a VBox on the right. On click of a tree
node, i need to populate an expandable panel with the details of
the clicked tree node and add that panel to the VBox on the right
side . On every such click i need to add the panel one below the
other. I am able to achieve this till now.
However i need to be able to remove those panels by selecting
them using Control + Click . I have a feeling if i try to render
the panels in a List control using a custom itemrenderer instead of
a VBox, i may be able to achieve this.
Would like to have some inputs on the custom itemrenderer for
a panel or
I would like to know if there is any other method of
achieving this.
Any help in this regard would be appreciated.
Thanks,
mayspring

I'll add that you can have a repeater whose dataProvider is
an ArrayCollection or XMLListCollection, and clicking on the tree
just adds data to the collection, and control click just deletes
data from the collection, and the repeater just renders what is it
the collection. Makes it cleaner.

How To delete flex datagrid rows using multiple selected checkbox in flex

Hai
      I need to delete the rows in the datagrid, using the checkbox slection...
      for each row in the datagrid, there is a checkbox..
      by slecting multiple checkbox i need to delete those rows by calling a method...
      currently i am using this method for delete, but it deletes oly the finally selected checkbox
      this is my code
private
function removeTaskRecord():void
//Check if the checkbox for the task is selected
if(generatedReportsgrid.selectedIndex>=0)
//Remove the task record from the Data Grid data provider
tagreportonload.lastResult.Generatedschedule.Generateddate.removeItemAt(generate dReportsgrid.selectedIndex);
can u help need it immediatly pl
Thanks in Advance

Don't do this by operating on lastresult. Store the data in a collection like ArrayCollection or XMLListCollection, and remove an item from that. If you need to retain availability to the original data, create a copy of the collection.
If this post answers your question or helps, please mark it as such.
Greg Lafrance - Flex 2 and 3 ACE certified
www.ChikaraDev.com
Flex / AIR Development, Training, and Support Services

Desktop in my Local View Dreamviewer MX

In my Local View, the "desktop" appears. I really don't want
it there, but after hours of trying, i cant get rid of it. Any
ideas?

Open the file, parse it, populate an ArrayCollection or XMLListCollection, and make the collection the DataGrid dataProvider:
http://livedocs.adobe.com/flex/3/html/help.html?content=Filesystem_08.html
http://livedocs.adobe.com/flex/3/html/help.html?content=12_Using_Regular_Expressions_01.ht ml
http://livedocs.adobe.com/flex/3/html/help.html?content=dpcontrols_6.html
http://livedocs.adobe.com/flex/3/langref/mx/collections/ArrayCollection.html
http://livedocs.adobe.com/flex/3/langref/mx/collections/XMLListCollection.html
If this post answered your question or helped, please mark it as such.

XMLListCollection vs. ArrayCollection

Hello,
I was recently speaking with a colleague about the merits of
working with native XML across client and server tiers of a Flex
app vs. marshaling/unmarshaling XML to/from objects, and he
mentioned that in his experience, the performance of working with
ArrayCollections was much better than that of XMLListCollections,
up to an order of magnitude or better. So I Googled a bit, and I
found this:
http://blog.fastlanesw.com/?p=14
This is a blog post that references some apparent comments
from someone from Adobe on this very issue, and suggests that E4X
may be a liability, at least from a memory standpoint. Between my
colleague's experiences and recommendations, and this blog post, it
raises the following questions:
1) Is there indeed a significant performance and/or memory
penalty for using E4X/XMLListCollections?
2) If the answer to 1) is yes, is this a design flaw, and
will be fixed at some point, or no?
3) If the answer to 1) is yes, then when would ever using E4X
be advisable? It seems the using E4X in general would be a
liability.
My particular reason I am asking is a fairly standard one. I
am trying to determine if it is wiser to orient client and server
architecture code to standard AS3 class objects, and marshal in and
out of xml when communicating between client and the server (i.e.
XML over the wire but objects, but after crossing the wire, marshal
out of XML to AS3 objects into ArrayCollections, and data bind the
UI to objects); OR, orient the client and server to native xml, and
use native XML not only across the wire, but E4X to marshal into
XMLListCollections and data bind to these objects instead. Native
XML structures and E4X on the client seem very attractive, as it
eliminates a lot of the trouble in having to code
marshaling/unmarshaling. But if it comes with a major
performance/memory price, then it is probably a bad architectural
idea. Customers don't much care about ease of development, they
want a stable, performant app.
Can anyone speak definitively to this?
Thanks!
Brad

Yes I meant query. By' bringing it in' I mean it's bringing in an actionscript object.
So any query including using an arrayList (like the following) would be converted to an XMLlist?
I thought arrayLists are separate from XMLLists.
<fx:Declarations>
<fx:Model id="categoryModel" source="data/categories.xml"/>
<s:ArrayList id="categoryCollection" source="{categoryModel.category}"/>
</fx:Declarations>
<mx:DataGrid id="categoryGrid" dataProvider="{categoryCollection}"/>
In any case I'm still not sure why you would need to use an XMLCollection since you can use an ArrayCollection.

Arraycollection to xmllistcollection

Similar Messages

Maybe you are looking for