如何在角度JS中的UI网格中默认选择第一行

时间:2016-02-01 10:31:22

标签: angularjs angular-ui-grid

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

我尝试了以下代码,但它无效:

 $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]);

任何人都可以建议如何获得它。提前致谢

1 个答案:

答案 0 :(得分: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/2267Angular 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]);
     }
};