angularjs - 我该怎么做才能使用 UI-Grid 获取屏幕上显示的行

Question

我正在使用带有无限滚动的 UI-Grid，我只想获取用户屏幕上显示的行，以便将它们发送到模式窗口进行编辑(根据用户的要求，他们想要做这在当前 View 之外)。

我怎么能做到这一点？假设在一个 1920x1080 的屏幕上，屏幕可以显示 25 行，我想得到这 25 行。显然，这个数字根据屏幕尺寸和/或分辨率而有所不同，所以我想根据这两个来捕捉，如果不是，那么至少分配一个标准 25。

这有可能吗？

编辑:
我查看了 rowTemplates 并像这样实现 angular-in-viewport:

rowTemplate: '<div ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.uid" ui-grid-one-bind-id-grid="rowRenderIndex + \'-\' + col.uid + \'-cell\'" class="ui-grid-cell" ng-class="{ \'ui-grid-row-header-cell\': col.isRowHeader }" role="{{col.isRowHeader ? \'rowheader\' : \'gridcell\'}}" ui-grid-cell viewport-enter="" viewport-leave=""></div>'

但是我不知道在哪里可以使用这种方法将某个东西标记为可见。此外，这会在行中的每个单元格上放置 angular-in-viewport 标签，并且在检查 UI-Grid 支持组中的一些问题后，我发现我无法修改视口(viewport)模板(我可以在其中将视口(viewport)属性添加到行中单元格)以包含这些标签。

有任何想法吗？这是朝着正确方向迈出的一步吗？

Answer 1

你试过 gridScope.renderedRows 或 event.targetScope.renderedRows？

方式一:

$scope.$on('ngGridEventData', function (event) {
    console.log(event.targetScope.renderedRows);
});

方式二:

var gridApi;
gridOptions = {
    //...
    onRegisterApi: function (api) {

        gridApi = api;

    }
}

//在您的代码中，您可以通过以下方式获取renderRows:

gridApi.grid.renderContainers.body.renderedRows