angularjs – 如何在角度ui-grid 3.0中获取行索引

发布时间：2020-12-17 07:58:15 所属栏目：安全来源：网络整理

导读：我正在使用角度ui-grid版本3.0,并且无法找到获取行索引的方法,以向网格添加一个计算列. 我想帮助我. 没有办法轻松获取行的索引,因此这取决于您要做的事情.当有人对数据进行排序时,您希望编号做什么？您希望数字保留原始数据中的数字,还是希望它们更改并与新

我正在使用角度ui-grid版本3.0,并且无法找到获取行索引的方法,以向网格添加一个计算列.
我想帮助我.

没有办法轻松获取行的索引,因此这取决于您要做的事情.当有人对数据进行排序时,您希望编号做什么？您希望数字保留原始数据中的数字,还是希望它们更改并与新的排序顺序对齐？

在FAQ http://ui-grid.info/docs/#/tutorial/499_FAQ中,我们发现：

这里的问题是你真正想要实现的目标.您想要实际的行索引,还是想要在所有行中显示顺序ID？

如果是后者,那么只需在数据中添加一个计数器列就可以实现：

$scope.myData.forEach( function( row,index){
  row.sequence = index;
});

如果要在网格内部显示行的索引,则它取决于您想要的内部.您可以在grid.rows中获取行的索引,这将显示原始行列表中的行(未过滤或排序),或grid.renderContainers.body.visibleRowCache中的行的索引(已过滤和排序),或当前显示的行内的行的渲染索引(给定虚拟化,这通常是一个特别无用的数字).

如果你没关系,那么只要有人对其进行排序或过滤,那么数字就会改变,那么你可以使用cellTemplate来实现,这可能是这样的：

cellTemplate: '<div class="ui-grid-cell-contents">{{grid.renderContainers.body.visibleRowCache.indexOf(row)}}</div>'

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!