flex中DataGrid(表格)的使用

来源：互联网发布：四维数据能分辨男女吗编辑：程序博客网时间：2024/05/17 05:19

这里我主要讲下DataGrid如下的几用法

DataGrid绑定数据
DataGrid动态添加列
DataGrid里面添加自定义元素

1. Flex里面DataGrid绑定数据如下：

这里面DataGrid 绑定数据的属性就是 dataProvider 这个数据型要绑定的数据是那段Script 里面我们创建的数据，要记住的是必须加上{}这对括号程序才能识别你是在做数据绑定<mx:columns></mx:columns> 标签快里面放的是你要显示的数据列<mx:DataGridColumn headerText="ID" dataField="userid" /> 这个DataGridColumn 就是你每一列展示的数据 headerText 这个属性是设置列的列名 dataField这属性是该列绑定你数据源里面的哪一个字段

2.DataGrid动态添加列代码如下

这个里面所要注意的是在DataGrid 添加列时这段代码第一次我以为执行了这方法this.dg_list.columns.concat(dataColumn);我以为列就添加进去了然而并没有，后来找了下资料才发现你引用的dataColumn的属性的时候不是引用了它本身，而是一个新的拷贝，你之前所有的操作是在这个拷贝上面所以还缺少这段代码this.dg_list.columns= this.dg_list.columns.concat(dataColumn);

3.DataGrid里面添加自定义元素代码如下：

这里在 DataGrid中添加了一个属性 editable 等于true 表明每行数据多可以编辑方法一中：itemRenderer="mx.controls.TextInput" 该属性表明该列已文本框的形式来展现 rendererIsEditor="true" 表明该列可以进行编辑如果想取消该列编辑状态改为 false 即可editorDataField="value" 表示该列绑定的值以该控件的哪个属性来展示（这中方式导入的控editorDataField="value" 表示该列绑定的值以该控件的哪个属性来展示（这中方式导入的控件是不能去更改该控件的属性的如果想要更灵活的操作下面方法2就可以实现）方法二：有2种方式一种这样的 < itemRenderer> 和一种这样的< itemEditor> 这2种的区别就是在于使用 < itemRenderer> 添加的元素在DataGrid展示数据时该列始终以你添加的元素形式来显示数据使用< itemEditor> 添加的元素在DataGrid展示数据时你需要点击该列时才会出现你添加的元素形式来展示数据添加的控件某个属性绑定值的话可以这样 <mx:CheckBox selected="{Boolean(data.isdelete)}"></mx:CheckBox>添加的控件某个属性绑定值的话可以这样 <mx:CheckBox selected="{Boolean(data.isdelete)}"></mx:CheckBox> 方法三: 是我们把需要添加的元素写在另外的文件里面，再导入进来MyContor.ItemRenderCheckBox 该文件我放在 MyContor的这个包里面里面代码如下：该文件创建的是一个呈现项目录src/MyContor/ItemRenderCheckBox.mxml

本文转载：http://www.cyqdata.com/cnblogs/article-detail-35712

0 0