读书人

给DataGrid添一个自动序列rowIndex的列

发布时间: 2012-11-23 00:03:43 作者: rapoo

给DataGrid加一个自动序列rowIndex的列
在桌面应用程序开发的时候,我们经常会给DataGrid或者表格的第一列加上行序列号,以此给用户一个提示当前数据所在的行号,就类似于Excel的左边列。Flex的DataGrid并没有自动提供这样的属性。那么如何解决这个问题呢,方法有很多种,我们可以在DataGrid的数据源dataProvider中添加这样的行序列号,这个方法的弊端就是这个序列号和行数据(row data)绑定在一起,当DataGrid经过排序后,这个序列号就面目全非了。

删除(在这里我提供一个更加简单实用的方法。利用的就是DataGridColunm的listData属性,该属性有一个rowIndex。

效果图如上,第一列的索引(index)是独立于数据源dataProvider的,而且其他DataGridColumn的排序也不会影响第一列序号的正确性。利用下面的两行代码就能实现这一的效果。)

【编辑修改】

经过测试,发现一个bug,当数据多出现竖向滚动条时,下一屏的索引出错。

用另外一种更加直接简单的办法是用labelFunction和dataProvider数据源的获取当前索引号方法可以解决。

最新代码如下:



----------------------------------------老的代码如下,存在bug-------------------------------------:
 

读书人网 >Web前端

热点推荐