Flex中datagrid动态添加列
2010-09-01 16:50
423 查看
<?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>
<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>
相关文章推荐
- Flex4 DataGrid添加CheckBox及动态添加数据
- Flex中datagrid动态添加列
- 使用MYSQL、PHP和FLEX实现上传图片,动态在DataGrid中添加下载按钮和上传的图片.
- Flex中datagrid动态添加列
- easyui tree datagrid动态添加表头和表格数据,动态弹出框,修改和删除按钮
- flex在DataGrid中添加checkbox复选框,并获取选中的值
- 向Flex中的LineChart中动态添加线
- 动态添加 DataGrid 的列
- DataGrid 动态添加模板列 实现代码
- DataGrid动态添加模板列的一个例子
- flex datagrid 添加树2 flex 教程 flex培训 flex源码 flex实例
- Flex dataGrid 表头添加按钮
- Flex利用自定义事件使用弹出窗口为DataGrid添加新数据
- DataGrid动态添加模板列的一个例子
- Flex使用弹出窗口为DataGrid添加新数据
- FLEX 动态添加线和轴
- flex入门学习之十三动态DataGrid 和timer应用
- easyui datagrid实现批量添加、删除、修改,列多对多动态配比
- easyui datagrid 动态添加,移除toolbar
- 动态向Datagrid中添加列