angularjs - 如何在 Angular JS 的 UI-grid 中默认选择第一行

Question

如何在 Angular JS 的 UI-Grid 中默认选择第一行:

我试过下面的代码，但它不工作:

 $scope.gridOptions.data =  someData;
    $timeout(function () {
        $scope.gridApi.selection.selectRow($scope.gridOptions.data[0]);
    },
    100) 

甚至在下面的解决方案中也尝试过，但这也不起作用:

 $scope.gridOptions.data =  someData;
    $scope.gridApi.selection.selectRow($scope.gridOptions.data[0]);

谁能告诉我如何获得它。提前致谢

Answer 1

以下代码需要ui-grid v3.0.0-rc.22，可以调用modifyRows如下:

$scope.gridOptions.data =  someData;
$scope.gridApi.grid.modifyRows($scope.gridOptions.data);
$scope.gridApi.selection.selectRow($scope.gridOptions.data[0]);

不需要 $timeout。

您可以访问此页面:https://github.com/angular-ui/ui-grid/issues/2267或 Angular ngGrid select row on page load

如果上面的代码不行，可以试试下面的代码:

$scope.gridOptions = { 
    ... 
    onRegisterApi : function (gridApi) { 
    $scope.gridApi = gridApi;   
    $scope.gridApi.grid.modifyRows($scope.gridOptions.data); 
    $scope.gridApi.selection.selectRow($scope.gridOptions.data[0]);
     }
};