如何在 angular JS 的 UI-grid 中默认 select 第一行

Question

如何select UI中的第一行默认-Angular JS中的网格：

我试过下面的代码，但它不起作用：

 $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

以下代码requires 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]);
     }
};

如何在 angular JS 的 UI-grid 中默认 select 第一行

How to select the first row by default in UI-grid in angular JS

angularjs

angular-ui-grid