javascript - Angular ui-grid 事件 : row selected

Question

我正在尝试根据用户界面网格上一行的选择来启用/禁用按钮。如果未选择任何行，则该按钮将被禁用。

我找到了这个 plunkr使用旧的 ng-grid 方式在选择一行后触发事件。

  $scope.gridOptions = { 

  data: 'myData', 
  selectedItems: $scope.selections,
  enableRowSelection: true,

  afterSelectionChange:function() {
        if ($scope.selections != "" ) {
            $scope.disabled = false;
        } else {
            $scope.disabled = true;
        }
  }
};

不幸的是它不起作用，我在 ui-grid documentation 中没有发现此类事件的迹象。 .

如何使用 ui-grid 实现这一点？

Answer 1

在 ui-grid 中，你在事件“rowSelectionChanged”上注册了一个回调函数

 $scope.gridOptions.onRegisterApi = function (gridApi) {
                $scope.gridApi = gridApi;
                gridApi.selection.on.rowSelectionChanged($scope, callbackFunction);
                gridApi.selection.on.rowSelectionChangedBatch($scope, callbackFunction);
            }
 }

 function callbackFunction(row) { 
    var msg = 'row selected ' + row.isSelected; $log.log(msg); 
 })

我认为你应该看看 ui-grid 中的教程页面:http://ui-grid.info/docs/#/tutorial/210_selection .在我看来，API 页面很糟糕 :(。