angularjs ui-grid 3.0 按键导航

Question

我热衷于从 ng-grid 2 迁移到新的 ui-grid 3.0 替代品。到目前为止，事情看起来不错。我无法弄清楚的一件事是如何使用向上和向下箭头键在记录中导航。当 multiSelect 设置为 false 时，这与 ng-grid 一起开箱即用。

Answer 1

我稍微修改了 mainguy 的 Plunker 来实现你想要的。

主要区别是使用 ui-grid-selection

<div ng-controller="MainCtrl">
  <div ui-grid="gridOptions" ui-grid-selection></div>
</div>

和 2 个选项:enableRowHeaderSelection 和 multiSelect。

$scope.gridOptions = {
  enableRowHeaderSelection: false,
  multiSelect: false
};

这是 Plunker .

更新 :当您使用箭头键时，以下代码将有助于选择整行。

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

  gridApi.cellNav.on.navigate($scope,function(newRowCol, oldRowCol){
    $scope.gridApi.selection.selectRow(newRowCol.row.entity);
  });
};

这是 Plunker .