javascript - 当按 Tab 键过去最后一个单元格时，自动在 ng-grid 中添加行

Question

我正在构建一个类似 Excel 的数据输入表单。它旨在帮助我们的数据录入员快速转录手写纸质表格中的信息。我使用 AngularJS 和 ng-grid 作为表示层和数据层，但我陷入了最后一个要求。

基本上，当用户点击最后一行的最后一个单元格时，我希望自动添加一个新行。我 try catch afterSelectionChange 事件，但这似乎没有触发，因为我实际上并没有更改最后的行。

有什么想法吗？

Answer 1

当选择最后一行时，我能够使用 beforeSelectionChange 添加新行。

http://plnkr.co/edit/mmJFyl?p=preview

// main.js
var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', function($scope,$log) {
    $scope.myData = [{name: "Moroni", age: 50},
                     {name: "Tiancum", age: 43},
                     {name: "Jacob", age: 27},
                     {name: "Nephi", age: 29},
                     {name: "Enos", age: 34}];
    $scope.gridOptions = { 
      data: 'myData' ,
      enableCellEdit:true,
      enableCellSelection:true,
      beforeSelectionChange:function(a1){
        if(a1.rowIndex===$scope.myData.length-1){
          $scope.myData.push({name:"new",age:"0"});
        }
        return true;
      }
    };
});