Flex中datagrid动态添加列

最新推荐文章于 2016-10-28 11:05:55 发布

原创最新推荐文章于 2016-10-28 11:05:55 发布 · 110 阅读

0 ·

CC 4.0 BY-SA版权

技术杂绘专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个使用ArrayCollection作为数据源的DataGrid组件初始化过程。通过自定义filterFunction并设置不可编辑属性，创建了不可编辑的数据网格。此外，还详细展示了如何为DataGrid添加监听事件、设置样式以及如何构建其列。

　　
　　
　　
　　Array = [{name: "Jon", job: "officer",addnew:'aaaa'},
　　{name: "James", job: "seller",addnew:'bbbb'},
　　{name: "Jodon", job: "manager",addnew:'cccc'},
　　{name: "Jon", job: "officer",addnew:'aaaa'},
　　{name: "Jon", job: "officer",addnew:'aaaa'},
　　{name: "Jon", job: "officer",addnew:'aaaa'}];
　　private function init():void
　　{
　　var dgData:ArrayCollection = new ArrayCollection(dgDataArr);
　　dgData.filterFunction
　　// 自定义DataGrid控件
　　var dataGrid:DataGrid = new DataGrid();
　　dataGrid.x = 10; // X轴坐标
　　dataGrid.y = 20; // Y轴坐标
　　dataGrid.editable = false; // 数据项是否能编辑
　　dataGrid.percentWidth = 100; // 控件宽度
　　dataGrid.percentHeight = 100; // 控件高度
　　dataGrid.setStyle("fontSize", 14);
　　dataGrid.styleName
　　dataGrid.dataProvider = dgData; // 设置数据源
　　dataGrid.addEventListener(ListEvent.ITEM_CLICK, itemClickHandler); // 添加监听事件类型与触发函数
　　addChild(dataGrid); // 添加dataGrid控件
　　var columns:Array = new Array();
　　var col:DataGridColumn;
　　for ( var i:* in dgDataArr[0] ) {
　　col = new DataGridColumn(i);
　　columns.push(col);
　　}
　　dataGrid.columns = columns;
　　}
　　private function itemClickHandler(e:ListEvent):void
　　{
　　trace(e.target);
　　}
　　]]>
　　
　　