angularjs - ng-grid 不会滚动到最后一行

Question

使用 ng-grid 我想在将新添加的行添加到列表底部时通过滚动到它来显示它。

请参阅以下内容:http://plnkr.co/edit/4jgy9wwr2HRhfhgKMKcX?p=preview

var grid = $scope.gridOptions.ngGrid;
grid.$viewport.scrollTop((($scope.myData.length - 1)* grid.config.rowHeight));

我不明白为什么网格不会一直向下滚动。我尝试添加 rowHeight 并减去它，但每次网格都不会滚动到最后一行。

我知道通过将记录添加到列表顶部可以解决问题，因为我对网格进行排序，并且根据其性质，空记录将被推到底部。

Answer 1

您不需要“ngGridEventData”，如果您记录它，您会注意到他会为网格上的每个现有行而被解雇，这不是最佳选择。

正如已经回答的，您可以使用延迟为 0 的 $timeout 服务。这听起来有点棘手，而且可能不是最佳实践，但它确实有效。

将其加载到您的 Controller 中:

app.controller('MyCtrl', function($scope, $timeout) {
    //load
}

然后在你的 addNew() 中:

$scope.addNew = function () {

    $scope.myData.push({ name: "new", age: 100 });

    $timeout(function () {
        var grid = $scope.gridOptions.ngGrid;
        $scope.gridOptions.selectItem($scope.myData.length - 1, true);
        grid.$viewport.scrollTop((($scope.myData.length - 1) * grid.config.rowHeight));
    }, 0);

};

在此处检查结果:http://plnkr.co/edit/4HNqFh7uu9IWCjDVt5WR?p=preview