angularjs - Ng-grid 可编辑网格不关注点击

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

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

Answer 2

ui-grid-edit ui-grid-cellNav确保你的 div 中都有这两个

<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'])