栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何在Angular ui-grid 3.0中获取行索引

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何在Angular ui-grid 3.0中获取行索引

无法轻松获取行的索引,因此这取决于您要执行的操作。当有人对数据进行排序时,您期望编号会做什么-
您希望数字保持原始数据中的数字,还是希望它们更改并对齐新的排序顺序?

在常见问题解答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 >{{grid.renderContainers.body.visibleRowCache.indexOf(row)}}</div>'


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/413185.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号