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

前端之家收集整理的这篇文章主要介绍了angularjs – 如何在角度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>'
原文链接:https://www.f2er.com/angularjs/143705.html

猜你在找的Angularjs相关文章