javascript - 标签过去最后一个单元格时自动在 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;
      }
    };
});