Question

Guys i got a dataColumn already defined as

<mx:DataGridColumn headerText="Role" id="roleAdmin"  headerStyleName="myHeaderStyles">
        <mx:itemRenderer>
                <fx:Component>
                        <mx:VBox>
                                <mx:Text width="100%" text="{(data.role == 0)? 'Super Admin':((data.role == 1)? 'Admin': ((data.role == 2)? 'Regular User': 'Unknown'))}"/>
                        </mx:VBox>
                </fx:Component>
        </mx:itemRenderer>
</mx:DataGridColumn>

All I want to do is, to create this data dynamically depending upon the conditions I placed.Anyone can help me with the code what I should do and how can I add all these things.

Best Regards

Answer 1

Try this. You will get logic how to handle dynamic columns with item renderer.

var cols:Array=new Array();
cols = dgDatagrid.columns;
var column:DataGridColumn = new DataGridColumn();
column.headerText = "Role";
column.width=170;
column.dataField="role";
column.setStyle('headerStyleName',myHeaderStyles);
column.itemRenderer = new ClassFactory(MyRenderer);  
cols.push(column);
dgDatagrid.columns=cols;

MyRenderer:

<?xml version="1.0" encoding="utf-8"?>
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx" 
         >

    <s:layout>
        <s:HorizontalLayout paddingLeft="10" paddingRight="10" />
    </s:layout>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>

    <fx:Script>
        <![CDATA[
    import mx.controls.DataGrid;
            import mx.controls.dataGridClasses.DataGridListData;
            import mx.events.FlexEvent;

            import spark.events.TextOperationEvent;

            private var dg:DataGrid;
            private var dglistData:DataGridListData;


            override public function set data( value:Object ) : void 
            {
                super.data = value;
                if(value){
                    dglistData = listData as DataGridListData;
                    if(value[dglistData.dataField]){
txtText.text=((value[dglistData.dataField]) == 0)? 'Super Admin':(((value[dglistData.dataField]) == 1)? 'Admin': (((value[dglistData.dataField]) == 2)? 'Regular User': 'Unknown'))

                        }
                                            }
            }
]]>
</fx:Script>

<mx:VBox>
<mx:Text width="100%" id="txtText"/>
 </mx:VBox>
</s:MXDataGridItemRenderer>