Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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>'

大佬总结

以上是大佬教程为你收集整理的angularjs – 如何在角度ui-grid 3.0中获取行索引全部内容,希望文章能够帮你解决angularjs – 如何在角度ui-grid 3.0中获取行索引所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。