将一组行转换为Flex数据网格中的列

时间:2009-08-26 11:35:31

标签: flex datagrid

我有一个类似下面的数组

public var sal:Array=[
     {empNo:1001, sal:1000, exp:400},
     {empNo:1002,    sal:3000, exp:240},
     {empNo:1003,    sal:1000, exp:452},
     {empNo:1004,    sal:5000, exp:348},
     ......
     {empNo:1550,    sal:2000, exp:330},

     ];

我需要使用3行flex数据网格显示数据,其中第一行将显示empNo,第二行将显示相应的工资(字段sal),第三行将显示Expenditure(字段exp)。

你能告诉我怎么做吗?

2 个答案:

答案 0 :(得分:0)

实际上我的意思是说数据将以下面给出的格式进入dataGrid 第1行: - > Emp No 1001 1002 1003 第2行: - > Sal 1000 3000 1000 第3行: - > exp 400 240 452

答案 1 :(得分:0)

这是您的解决方案

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="formatData()">
    <mx:Script>
        <![CDATA[
            import mx.controls.advancedDataGridClasses.AdvancedDataGridColumn;
            import mx.collections.ArrayCollection;
            [Bindable]
            var dp:ArrayCollection=new ArrayCollection();

            private function formatData():void
            {
                var salArray:Array=[{empNo: 1001, sal: 1000, exp: 400}, {empNo: 1002, sal: 3000, exp: 240}, {empNo: 1003, sal: 1000, exp: 452}, {empNo: 1004, sal: 5000, exp: 348}];
                var i:int=0;
                var empNo:Object=new Object();
                var sal:Object=new Object();
                var exp:Object=new Object();
                var columns:Array = new Array();

                for (i=0; i < salArray.length; i++)
                {
                    empNo["col"+i]=salArray[i].empNo;
                    sal["col"+i]=salArray[i].sal;
                    exp["col"+i]=salArray[i].exp;
                    var advancedDataGridColumn:AdvancedDataGridColumn=new AdvancedDataGridColumn();     
                    advancedDataGridColumn.dataField="col"+i;
                    columns.push(advancedDataGridColumn);
                }

                dp.addItem(empNo);
                dp.addItem(sal);
                dp.addItem(exp);
                adg1.columns=columns;
                adg1.invalidateDisplayList();
            }
        ]]>
    </mx:Script>
    <mx:AdvancedDataGrid x="40.5" y="163" id="adg1" designViewDataType="flat" dataProvider="{dp}">      
    </mx:AdvancedDataGrid>

</mx:Application>

我认为这就是你所问的:)