Flex中的DataGrid控件无法根据 数据源 动态的改变表头
下面一个简单的实例实现了表头的动态改变。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="init()">
<mx:Script>
<![CDATA[
import mx.controls.dataGridClasses.DataGridColumn;
import mx.collections.ArrayCollection;
import mx.controls.DataGrid;
import mx.events.ListEvent;
import mx.controls.ComboBox;
[Bindable]
// 自定义数据源
private var dgDataArr: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);
}
]]>
</mx:Script>
</mx:Application>
分享到:
相关推荐
flex动态生成datagrid表头,外加linechart的简单操作,值得学习!
FLEX4实践—动态生成DataGrid及应用客户化itemRenderer.doc
前台使用Jquery EasyUI 插件datagrid实现多表头动态生成的功能
因某些需要,DataGrid及其表头需要动态生成,网上的解决方案打多笼统,下面有个不错的解决方法,感兴趣的朋友可以参考下
基于siverlight动态生成DataGrid模板列源码例子
NULL 博文链接:https://windmark.iteye.com/blog/1716422
wpf 动态合并datagrid表头单元格
flex中dataGrid导出数据到excel中,不存在乱码问题
在FLEX4中开发带有过滤功能的DATAGRID组件
简单的修改DataGrid的表头的方法,希望有帮助
老外做的功能有点复杂,我整理了其中一个简单的效果,在表头上加一个按钮。扩展的话可以实现数据过滤,或者下拉动态隐藏指定列(灵感都来自extjs呵呵)。 也可以在此下载:...
FLEX的一个DataGrid例子,熟悉一下DataGrid的使用
Flex 动态给DataGrid增加行,可编辑行数据
Flex中导出当前DataGrid中的数据。生成一个Excel文件。资源为一个简单的应用。
很好用的动态创建DataGrid并加入图片的方式。 只需要继承和实现一个接口就可以了。
Siverlight DataGrid动态表头,找了很久
DataGrid表头合并和单元格内容合并-升级版
使用简单的方式实现复合表头,灵活操作,拖动列不受影响
flex中的datagrid的分页定位以及高亮显示
flex 通过读取xml文件 实现动态DataGrid数据列表