使用 angular-ui-grid 预选加载行

我想在页面加载时选择某些行（工作日）

这是笨蛋plnkr.co/edit/48NyxngWNGIlOps1Arew?p=preview

有什么建议吗？

将以下属性添加到您的$scope.gridOptions目的 ：

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

这设置了一个$scope.gridApi因此，如果您在此功能之外需要它，您可以访问它。

您需要致电modifyRows方法以便能够更改您的行。

然后选择第一行（仅作为示例）。

http://plnkr.co/edit/mvwlfaJiPDysbn2IrNpv?p=preview http://plnkr.co/edit/mvwlfaJiPDysbn2IrNpv?p=preview

要选择工作日，也许您可​​以尝试将最后一行替换为如下内容：

$scope.gridOptions.data.forEach(function (row, index) {
    if (row.isWorkingDay()) {
        $scope.gridApi.selection.selectRow($scope.gridOptions.data[index]);
    }
});

row.isWorkingDay可以简单地检查这一天是否在给定日期的列表中。

如果您的数据是通过异步调用加载的，您只需选择回调中的行：

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