Comments on: Displaying XML data in a DataGrid http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/ Just a bunch of Adobe Flex Examples Fri, 19 Mar 2010 20:35:16 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: RandiR http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/comment-page-1/#comment-7098 RandiR Wed, 24 Feb 2010 15:42:39 +0000 http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/#comment-7098 Hi. Thanks for the tut. Can you please show more examples of passing data to/from flex ? I have several scripts in biterscripting that I use to grab and parse web documents. I want to pass the parsed elements to flex. Thanks. Hi. Thanks for the tut. Can you please show more examples of passing data to/from flex ? I have several scripts in biterscripting that I use to grab and parse web documents. I want to pass the parsed elements to flex. Thanks.

]]> By: mutiu http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/comment-page-1/#comment-7046 mutiu Thu, 18 Feb 2010 10:39:22 +0000 http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/#comment-7046 Hi... Great example... I would like to do the same thing loading a xml from another domain... I have tried with a crossdomain.xml file but I still cannot make it work. Any ideas? than you Hi… Great example… I would like to do the same thing loading a xml from another domain…

I have tried with a crossdomain.xml file but I still cannot make it work.

Any ideas?

than you

]]> By: Anonymous http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/comment-page-1/#comment-6763 Anonymous Wed, 13 Jan 2010 06:41:57 +0000 http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/#comment-6763 i want to create array of objects for data grid control n flex 3.. can u help me.. i want to create array of objects for data grid control n flex 3.. can u help me..

]]> By: Atul Yadav http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/comment-page-1/#comment-6639 Atul Yadav Sat, 19 Dec 2009 12:32:10 +0000 http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/#comment-6639 Hi.. To Khow more about Flex go to below link........ techy.limewebs.com Hi..
To Khow more about Flex go to below link……..
techy.limewebs.com

]]> By: Atul Yadav http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/comment-page-1/#comment-6638 Atul Yadav Sat, 19 Dec 2009 12:29:13 +0000 http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/#comment-6638 Hi... how we pass data from child popup to parent application. Thnax Hi…
how we pass data from child popup to parent application.
Thnax

]]> By: Peter deHaan http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/comment-page-1/#comment-5917 Peter deHaan Sat, 03 Oct 2009 14:54:56 +0000 http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/#comment-5917 @Kerstin, The following example uses an XML data provider but maintains the correct number of decimal places (but I'm using the Flex 3.4 SDK, maybe something was different in earlier builds, or maybe you're loading an external XML file): <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:XMLList id="xmlDP" xmlns=""> <item> <id>123456</id> <name>My Artikel</name> <money>10.00</money> </item> <item> <id>123457</id> <name>My Artikel2</name> <money>1234.00</money> </item> </mx:XMLList> <mx:DataGrid id="dGrid" dataProvider="{xmlDP}"> <mx:columns> <mx:DataGridColumn dataField="id" /> <mx:DataGridColumn dataField="name" /> <mx:DataGridColumn dataField="money" /> </mx:columns> </mx:DataGrid> <mx:Label id="sdkVer" selectable="true" initialize="sdkVer.text = mx_internal::VERSION;" /> </mx:Application> </pre> But back to the question at hand... If you want to format a number to have two decimal places, you can use the Number class's <code>toFixed()</code> method to format to <em>X</em> number of decimal places, as seen in the following example: <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <![CDATA[ import mx.controls.dataGridClasses.DataGridColumn; private function money_labelFunc(item:Object, col:DataGridColumn):String { return parseFloat(item.money.text()).toFixed(2); } ]]> </mx:Script> <mx:XMLList id="xmlDP" xmlns=""> <item> <id>123456</id> <name>My Artikel</name> <money>10.00</money> </item> <item> <id>123457</id> <name>My Artikel2</name> <money>1234.00</money> </item> </mx:XMLList> <mx:DataGrid id="dGrid" dataProvider="{xmlDP}"> <mx:columns> <mx:DataGridColumn dataField="id" /> <mx:DataGridColumn dataField="name" /> <mx:DataGridColumn dataField="money" labelFunction="money_labelFunc" /> </mx:columns> </mx:DataGrid> <mx:Label id="sdkVer" selectable="true" initialize="sdkVer.text = mx_internal::VERSION;" /> </mx:Application> </pre> Furthermore, if you wanted to format the money column with thousand separators and/or dollar signs, you could use a NumberFormatter or CurrencyFormatter, as seen in the following example: <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <![CDATA[ import mx.controls.dataGridClasses.DataGridColumn; private function money_labelFunc(item:Object, col:DataGridColumn):String { // return numFormatter.format(item.money.text()); return currFormatter.format(item.money.text()); } ]]> </mx:Script> <mx:NumberFormatter id="numFormatter" precision="2" useThousandsSeparator="true" /> <mx:CurrencyFormatter id="currFormatter" precision="2" useThousandsSeparator="true" /> <mx:XMLList id="xmlDP" xmlns=""> <item> <id>123456</id> <name>My Artikel</name> <money>10.00</money> </item> <item> <id>123457</id> <name>My Artikel2</name> <money>1234.00</money> </item> </mx:XMLList> <mx:DataGrid id="dGrid" dataProvider="{xmlDP}"> <mx:columns> <mx:DataGridColumn dataField="id" /> <mx:DataGridColumn dataField="name" /> <mx:DataGridColumn dataField="money" labelFunction="money_labelFunc" /> </mx:columns> </mx:DataGrid> <mx:Label id="sdkVer" selectable="true" initialize="sdkVer.text = mx_internal::VERSION;" /> </mx:Application> </pre> Hope that helps, Peter @Kerstin,

The following example uses an XML data provider but maintains the correct number of decimal places (but I’m using the Flex 3.4 SDK, maybe something was different in earlier builds, or maybe you’re loading an external XML file):

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 
    <mx:XMLList id="xmlDP" xmlns="">
        <item>
            <id>123456</id>
            <name>My Artikel</name>
            <money>10.00</money>
        </item>
        <item>
            <id>123457</id>
            <name>My Artikel2</name>
            <money>1234.00</money>
        </item>
    </mx:XMLList>
 
    <mx:DataGrid id="dGrid" dataProvider="{xmlDP}">
        <mx:columns>
            <mx:DataGridColumn dataField="id" />
            <mx:DataGridColumn dataField="name" />
            <mx:DataGridColumn dataField="money" />
        </mx:columns>
    </mx:DataGrid>
 
    <mx:Label id="sdkVer" selectable="true" initialize="sdkVer.text = mx_internal::VERSION;" />
 
</mx:Application>

But back to the question at hand… If you want to format a number to have two decimal places, you can use the Number class’s toFixed() method to format to X number of decimal places, as seen in the following example:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 
    <mx:Script>
        <![CDATA[
            import mx.controls.dataGridClasses.DataGridColumn;
 
            private function money_labelFunc(item:Object, col:DataGridColumn):String {
                return parseFloat(item.money.text()).toFixed(2);
            }
        ]]>
    </mx:Script>
 
    <mx:XMLList id="xmlDP" xmlns="">
        <item>
            <id>123456</id>
            <name>My Artikel</name>
            <money>10.00</money>
        </item>
        <item>
            <id>123457</id>
            <name>My Artikel2</name>
            <money>1234.00</money>
        </item>
    </mx:XMLList>
 
    <mx:DataGrid id="dGrid" dataProvider="{xmlDP}">
        <mx:columns>
            <mx:DataGridColumn dataField="id" />
            <mx:DataGridColumn dataField="name" />
            <mx:DataGridColumn dataField="money" labelFunction="money_labelFunc" />
        </mx:columns>
    </mx:DataGrid>
 
    <mx:Label id="sdkVer" selectable="true" initialize="sdkVer.text = mx_internal::VERSION;" />
 
</mx:Application>

Furthermore, if you wanted to format the money column with thousand separators and/or dollar signs, you could use a NumberFormatter or CurrencyFormatter, as seen in the following example:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 
    <mx:Script>
        <![CDATA[
            import mx.controls.dataGridClasses.DataGridColumn;
 
            private function money_labelFunc(item:Object, col:DataGridColumn):String {
                // return numFormatter.format(item.money.text());
                return currFormatter.format(item.money.text());
            }
        ]]>
    </mx:Script>
 
    <mx:NumberFormatter id="numFormatter" precision="2" useThousandsSeparator="true" />
    <mx:CurrencyFormatter id="currFormatter" precision="2" useThousandsSeparator="true" />
 
    <mx:XMLList id="xmlDP" xmlns="">
        <item>
            <id>123456</id>
            <name>My Artikel</name>
            <money>10.00</money>
        </item>
        <item>
            <id>123457</id>
            <name>My Artikel2</name>
            <money>1234.00</money>
        </item>
    </mx:XMLList>
 
    <mx:DataGrid id="dGrid" dataProvider="{xmlDP}">
        <mx:columns>
            <mx:DataGridColumn dataField="id" />
            <mx:DataGridColumn dataField="name" />
            <mx:DataGridColumn dataField="money" labelFunction="money_labelFunc" />
        </mx:columns>
    </mx:DataGrid>
 
    <mx:Label id="sdkVer" selectable="true" initialize="sdkVer.text = mx_internal::VERSION;" />
 
</mx:Application>

Hope that helps,
Peter

]]> By: Kerstin http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/comment-page-1/#comment-5915 Kerstin Sat, 03 Oct 2009 08:25:15 +0000 http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/#comment-5915 OK! < money > 10.00< /money > OK!
< money > 10.00< /money >

]]> By: Kerstin http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/comment-page-1/#comment-5914 Kerstin Sat, 03 Oct 2009 08:23:21 +0000 http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/#comment-5914 part of the XML: <code> 123456 My Artikel 10.00 </code> part of the XML:

123456
My Artikel
10.00

]]> By: Kerstin http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/comment-page-1/#comment-5912 Kerstin Sat, 03 Oct 2009 08:21:26 +0000 http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/#comment-5912 Hello, With my XML I get numeric values, money. The money value comes always thith two decimal points. 123456 My Artikel 10.00 So I want to see two decimal points at all times, even when they would be zero (eg. 1,234.00) But in the Datagrid only displayd 10 (without .00) How can I change this? Thank you, Kersitn. Hello,

With my XML I get numeric values, money. The money value comes always thith two decimal points.

123456
My Artikel
10.00

So I want to see two decimal points at all times, even when they would be zero (eg. 1,234.00)

But in the Datagrid only displayd 10 (without .00)

How can I change this?

Thank you,
Kersitn.

]]> By: Peter deHaan http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/comment-page-1/#comment-4791 Peter deHaan Tue, 28 Jul 2009 13:45:44 +0000 http://blog.flexexamples.com/2007/07/26/displaying-xml-data-in-a-datagrid/#comment-4791 pavithra, You need to change your < chars to < and your > to > to get the raw XML/MXML code to appear on the site. Sorry, Peter pavithra,

You need to change your < chars to &lt; and your > to &gt; to get the raw XML/MXML code to appear on the site.

Sorry,
Peter

]]>