Hi Praji,

This code will give u, how to create a columns dynamically in advanced
datagrid.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; >
<mx:Script>
    <![CDATA[
        import
mx.controls.advancedDataGridClasses.AdvancedDataGridColumnGroup;
        import mx.controls.advancedDataGridClasses.AdvancedDataGridColumn;
        import mx.controls.AdvancedDataGrid;

        private var adg1:AdvancedDataGrid;
        private var adg2:AdvancedDataGrid;

        private var overviewColsMArray:Array = new Array("Year","Month",
"Imports","Exports","Net_Imports");

        private function createGrid1():void
        {
            // if a grid already exits, dont create it again
            if (adg1)
                return;

            // the Columns Array
            var colsArray:Array = [];
            var columnGroup:AdvancedDataGridColumnGroup;

            for (var i:int = 0; i < overviewColsMArray.length; i++)
            {
                if (i > 1 && i < 5)
                {
                    if (!columnGroup)
                    {
                        columnGroup = new AdvancedDataGridColumnGroup();
                        columnGroup.headerText = "Trade";
                        columnGroup.children = [];
                        colsArray.push(columnGroup);
                    }
                    columnGroup.children.push(new
AdvancedDataGridColumn(overviewColsMArray[i]));
                }
                else
                {
                    colsArray.push(new
AdvancedDataGridColumn(overviewColsMArray[i]));
                }

            }

            // create the AdvancedDataGrid
            adg1 = new AdvancedDataGrid();

            // Set the groupedColumns Array
            adg1.groupedColumns = colsArray;

            // Set the dataProvider
            adg1.dataProvider = arr;

            // Add the AdvancedDataGrid as a child of the Application
            this.addChild(adg1);
        }

        private function createGrid2():void
        {
            // if a grid already exits, dont create it again
            if (adg2)
                return;

            // the Columns Array
            var colsArray:Array = [];

            // Column 1
            var col1:AdvancedDataGridColumn = new
AdvancedDataGridColumn("Year");

            // Column 2
            var col2:AdvancedDataGridColumn = new
AdvancedDataGridColumn("Month");

            // Column 3
            var col3:AdvancedDataGridColumn = new
AdvancedDataGridColumn("Imports");

            // Column 4
            var col4:AdvancedDataGridColumn = new
AdvancedDataGridColumn("Exports");

            // Column 5
            var col5:AdvancedDataGridColumn = new
AdvancedDataGridColumn("Net_Imports");

            // Create a column group with col3, col4, col5
            var columnGroup:AdvancedDataGridColumnGroup = new
AdvancedDataGridColumnGroup();
            columnGroup.headerText = "Trade";
            columnGroup.children = [col3, col4, col5];

            // create the AdvancedDataGrid
            adg2 = new AdvancedDataGrid();

            // Set the groupedColumns Array
            adg2.groupedColumns = [col1, col2, columnGroup];

            // Set the dataProvider
            adg2.dataProvider = arr;

            // Add the AdvancedDataGrid as a child of the Application
            this.addChild(adg2);
        }
    ]]>
</mx:Script>

<mx:Array id="arr">
    <mx:Object Year="2001" Month="Jan" Imports="1000" Exports="4000"
Net_Imports="3000" />
    <mx:Object Year="2001" Month="Feb" Imports="2000" Exports="5000"
Net_Imports="4000" />
    <mx:Object Year="2001" Month="Mar" Imports="3000" Exports="9000"
Net_Imports="2000" />
    <mx:Object Year="2001" Month="Apr" Imports="4000" Exports="8000"
Net_Imports="1000" />
    <mx:Object Year="2001" Month="May" Imports="5000" Exports="3000"
Net_Imports="7000" />
    <mx:Object Year="2001" Month="Jun" Imports="6000" Exports="4000"
Net_Imports="8000" />
    <mx:Object Year="2001" Month="Jul" Imports="7000" Exports="2000"
Net_Imports="5000" />
</mx:Array>

<mx:Button label="Create First Column Grouped Grid" click="createGrid1()" />
<mx:Button label="Create Second Column Grouped Grid" click="createGrid2()"
/>

</mx:Application>


Thanks & Regards,
Prakash.

On Thu, Mar 26, 2009 at 9:24 AM, BB47 <prajilal...@gmail.com> wrote:

>
> Hai All,
>        Iam new to flex. Iam in need of creating an application using
> advanced datagrid. I want to generate grid columns dynamically using a
> start date and end date. First, i want to create column group using
> month and columns using the number of days. I dont know how ? Please
> give me some ideas....
>
>
> Regards
> Praji Lal
>
> >
>

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Flex 
India Community" group.
To post to this group, send email to flex_india@googlegroups.com
To unsubscribe from this group, send email to 
flex_india+unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/flex_india?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to