如何在ui-grid中取消选择/取消选择行

问题描述 投票:1回答:2

我使用的功能如:gridApi.selection.clearSelectedRows();

但是如何取消选择以下函数事件中的行:

gridApi.selection.on.rowSelectionChanged($scope,function(row){};

情况:我打开一个弹出窗口,当我关闭modalService时,我应该取消选中我点击的最后一行。

谢谢

angularjs angular-ui-grid ui-grid
2个回答
1
投票

存储最后选择的行对象

$scope.lastSelectedRow = {};
 $scope.gridOptions.onRegisterApi = function (gridApi) {
                $scope.gridApi = gridApi;
                gridApi.selection.on.rowSelectionChanged($scope,function(row){
                if(row.isSelected) { 
                 // always store pointer to last row only if it is selected
                 $scope.lastSelectedRow = row;
                   } 
                });
            }

现在,您可以在关闭模态实例时取消选择该行

$scope.clearLastSelectedRow  = function() {
       $scope.gridApi.selection.unSelectRow($scope.lastSelectedRow.entity);
};

更多细节here


0
投票

你忘记存储gridApi了吗?应该如下所示:

$scope.gridOptions.onRegisterApi = function (gridApi) {
    $scope.gridApi = gridApi;
}; 

看到这个相关的post

© www.soinside.com 2019 - 2024. All rights reserved.