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.