R – Flex datagrid component and aggregated classes

airapache-flexdatagrid

I have the following question regarding Flex/AIR data grids:

Can I access the value of a var of one aggregated object as a dataField of a column of the DataGrid?

What I would like to have is:

public class A { public var id:String; }

public class B { public var a:A; public var value:uint; }

    <mx:DataGrid id="grid" dataProvider="{items}">
        <mx:columns>
            <mx:DataGridColumn headerText="aId" dataField="a.id"/>
            <mx:DataGridColumn headerText="value" dataField="value"/>
        </mx:columns>
    </mx:DataGrid>

items is an ArrayCollections of B's.

From what I have read and looked in the code for the DataGridColumn this 'a.id' does not work as that value is taken from the data object using the array syntax data[key], I have tried to use a custom item renderer but that did not work either.

Could I get some help with this? I am trying to figure out Flex as home project and I just started out.

Best Answer

After some more tries got the problem solved.

<mx:DataGrid id="grid" dataProvider="{items}">
    <mx:columns>
        <mx:DataGridColumn headerText="aId">
            <mx:itemRenderer>
                <mx:Component>
                    <mx:Label text="{data.a.id}"/>
                </mx:Component>
            </mx:itemRenderer>
        </mx:DataGridColumn>
        <mx:DataGridColumn headerText="value" dataField="value"/>
    </mx:columns>
</mx:DataGrid>

Related Solutions

Xml – Assigning an array of objects to a DataGrid

here is your answer

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="initialize()">

<mx:Script>
    <![CDATA[
        import mx.collections.HierarchicalData;

        var a:Array = new Array();
        var o:Object = {};
        private function initialize():void{
          o["text"]="hello";
                  o["desc"]="Rahul";
          a.push(o);
        }

    ]]>
</mx:Script>


    <mx:AdvancedDataGrid width="100%" height="100%" sortExpertMode="true" id="adg1" designViewDataType="tree" dataProvider="{new HierarchicalData(a)}">
        <mx:columns>
            <mx:AdvancedDataGridColumn headerText="text" dataField="text"/>
            <mx:AdvancedDataGridColumn headerText="desc" dataField="desc"/>
        </mx:columns>
    </mx:AdvancedDataGrid>

</mx:Application>

edit - ok now discard my previous answer according to your data try this

var a:Array = new Array();
        var o:Object = {};      
        private function stringArrayToObjectArray():void{
            o["id"]="mauj";
            var oj:Object=new Object();
            oj["title"]="aaa";
            o["data"]=oj;

            var oj1:Object=new Object();
            oj1["id"]="mauj2";
            var oj2:Object=new Object();
            oj2["title"]="qqqq";
            oj1["data"]=oj2;


            a.push(o);      
            a.push(oj1);        
        }

         private function some_labelFunc(item:Object,th:Object):String {
                return item.data.title;
            }

    ]]>
</mx:Script>



    <mx:AdvancedDataGrid  width="100%" height="100%" sortExpertMode="true" id="adg1" dataProvider="{a}">
        <mx:columns>
            <mx:AdvancedDataGridColumn headerText="COMPANIES" dataField="data" labelFunction="some_labelFunc"/>
        </mx:columns>
    </mx:AdvancedDataGrid>

</mx:Application>

try this sorry for such a bad code

R – Flex ComboBox in a Datagrid loses values when I scroll horizontally

Item renderers get recylced, and its a pain sometimes!

Have a read here and google this

Basically you need to reset your values.

Hope this helps!

Best Answer

Related Solutions

Xml – Assigning an array of objects to a DataGrid

R – Flex ComboBox in a Datagrid loses values when I scroll horizontally

Related Topic