Flex中根据CSV文件来动态创建DataGrid(包括列标题)

Flex 同时被 2 个专栏收录
2 篇文章 0 订阅
1 篇文章 0 订阅

Flex中,读入CSV文件(包括列标题),然后根据CSV文件的内容来设置Datagrid,方法如下:

1、声明变量

            /** CSV文件读入用的对象 */            
           private var myFileReference:FileReference = new FileReference();

            [Bindable]
            private var arrDgData : ArrayCollection = new ArrayCollection();    // DataGrid的DataProvider

          // DataGrid控件

        <mx:DataGrid id="dgData"  dataProvider="{dgDataCollection}" height="100%" width="100%" verticalGridLines="true"
         dropEnabled="false" sortableColumns="false" allowMultipleSelection="true" horizontalGridLines="true"
         dragMoveEnabled="false" draggableColumns="false">


2、用myFileReference打开要读入的CSV文件,经过Server端Java程序(Remote)处理后,返回一个List。

3、接下来用如下的方法对返回的List进行操作,即可生成一个带列标题的DataGrid

            private var csvInfoList : ArrayCollection;
            
            private function afterLocalOutput(event : ResultEvent):void {
                circlePackEntRemote.removeWaiting();
                
                csvInfoList = ArrayCollection(event.result);
                if (csvInfoList == null || csvInfoList.length == 0) {
                    return;
                }
                
                arrDgData.removeAll();
                
                var arrRecord : Array;
                var allColumns : Array = new Array();
               
                arrRecord = csvInfoList.getItemAt(0) as Array;           
                
                var i : int;

                // 生成各个列
                for (i = 0; i < arrRecord.length; i++) {
                    var colEx:DataGridColumnEx = new DataGridColumnEx();

                    colEx.headerText = arrRecord[i];
                    colEx.sortable = false;
                    colEx.width = 70;

                    // 设置各个列的dataField
                    colEx.dataField = "msItem" + i;
                    colEx.setStyle("textAlign","left");
                    allColumns.push(colEx);
                }
                
                dgData.columns = allColumns;
                
                // 循环,DataGrid的DataProvider做成
                for (i = 1; i < csvInfoList.length; i++) {
                    arrRecord = csvInfoList.getItemAt(i) as Array;
              
                    var objTemp : Object = new Object();
                    for (var j : int = 0; j < arrRecord.length; j++) {

                        // 这句很重要,对应上面列做成时的dataField
                        objTemp["msItem" + j] = arrRecord[j];

                    }                
                       arrDgData.addItem(objTemp);                    
                }
                
                dgData.dataProvider = arrDgData;

            }

    

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值