Ng网格可编辑网格不会关注点击

Question

我需要一个用户可以编辑的网格。我还需要能够在数据集中添加额外的行，最好是从网格中添加。但首先我需要能够编辑数据。

我以为我可以使用普通的2路绑定。但是单击一个单元格不会使其可编辑。我添加了enableCellEdit：true，并尝试添加enableCellEditOnFocus。 我希望只需要编辑所有单元格而无需使用模板。 单元格包含数字和日期。

下面是我通过网格的网格选项。

  $scope.gridOptions = {
    data: 'account.interests',enableRowSelection: false,
    enableCellEditOnFocus: true,
    multiSelect: false,
    columnDefs: [{
      field: 'rate',
      enableCellEdit: true,
      width: 60
    },
    {
      field: 'date',
      enableCellEdit: true,
      cellFilter: 'date:\'yyyy-MM-dd\''
    }]
  };

我的网格在视图中：

<div ng-if="showInterestRates" >
    <div ui-grid="gridOptions"></div>
</div>

Answer 1

要获得编辑的未来，您必须添加edit module：'ui.grid.edit'模块，并且必须在网格元素上包含ui-grid-edit指令。

Answer 2

确保div中同时包含ui-grid-edit ui-grid-cellNav

<div ui-grid="gridOptions" ui-grid-edit ui-grid-cellNav class="grid"></div>

并在你的模块中

angular.module('app', ['ui.grid', 'ui.grid.edit','ui.grid.cellNav', 'ui.select'])