angularjs – 使用angular-ui-grid预先选择加载的行

发布时间：2020-12-17 17:25:36 所属栏目：安全来源：网络整理

导读：我想在页面加载时选择某些行(工作日) 这是掠夺者 ?plnkr.co/edit/48NyxngWNGIlOps1Arew?p=preview 有什么建议吗？解决方法将以下属性添加到$scope.gridOptions对象： onRegisterApi: function(gridApi) { $scope.gridApi = gridApi; $scope.gridApi.grid.m

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

enter image description here

这是掠夺者
?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

要选择工作日,也许您可??以尝试使用以下内容替换最后一行：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!