gpt4 book ai didi

angularjs - 使用 angular-ui-grid 在加载时预选行

转载 作者:行者123 更新时间:2023-12-05 00:57:52 26 4
gpt4 key购买 nike

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

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

关于angularjs - 使用 angular-ui-grid 在加载时预选行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34000280/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com