flex表格的使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flex表格的使用相关的知识,希望对你有一定的参考价值。

技术分享

技术分享

Flex中表格使用datagrid+columns两个组件构成,dagagrid中定义了表格的外观属性和数据源
Columns中定义了表格的列名还有对应的字段,方便从数据源取得数据

数据源的赋值一般有两种方法:
第一种:直接在datagrid中定义数据源
Var dataSource:ArrayCollection = new ArrayCollection(); //数据源的格式
<mx:DataGrid id = “grid” dataProvider="{dataSource}"> 通过这种直接绑定的形式获得数据源

第二种:外部赋值,通过id来确定数据源
Var dataSource:ArrayCollection = new ArrayCollection();
<ms:DataGrid id = “grid”>
grid.dataProvider = dataSource; //通过这种赋值的方式来获取数据源

表格的列
<mx:columns>
<mx:DataGriColumn headerText = “columnName” width = 88 dataField = “columnName”>
</mx:columns>
表格的列名是headerText,具体的值是由dataField从数据源中取得的

 

注:在<mx:DataGrid>中,还可以设置滚动条,双击事件,单击事件等,点击事件获得具体对象可以通过selectedItem这个对象获取。

以上是关于flex表格的使用的主要内容,如果未能解决你的问题,请参考以下文章

Flex打印

没有html表的Bootstrap flex等宽列

网页布局——Flex布局

flex布局构建大屏框架并支持翻页动画滚动表格功能

Flex中对表格中某列的值进行数字格式化

表单组件怎么竖排显示微信小程序