Ag-grid 中 onCellValueChanged 和 Tab 键的问题答案

【问题标题】：Problem with onCellValueChanged and Tab Key in Ag-gridAg-grid 中 onCellValueChanged 和 Tab 键的问题
【发布时间】：2020-05-26 18:09:42
【问题描述】：

Ag-grid 版本：3.3

我有一个带有可编辑单元格的表格

  {
    field: 'montant',
    headerName: 'montant',
    cellClass: 'text-right',
    filter: 'number',
    editable: true,
    valueGetter: function(params) {
      params.data.montant = parseFloat(params.data.montant);
      if (_.isNaN(params.data.montant)) return $filter('formatNumber')(params.data.montant, vm.devise.type);
      return params.data.montant;
    },
    template:
      '    <span ng-if="mode===\'AMOUNT\'">{{data.montant | formatNumber: devise}} <i class="fa fa-pencil-square"></i></span>\n' +
      '    <span ng-if="mode===\'PERCENT\'">{{data.montant | percent}} <i class="fa fa-pencil-square"></i></span>'
  }

我还在可编辑单元格的每次更改时使用 OnCellValueChanged，它允许我计算单元格的总和。

function onCellValueChangedFunc(params) {
  if (!_.isUndefined(params)) {
    vm.calc(params.data.montant);
  }
}

当我单击每个单元格并更改值时，会显示该值并且总金额也会发生变化。

但是当我使用 tab 键盘键时，我可以更改值，但它返回一个空值并且不执行计算。

我必须离开标签才能看到单元格的变化

你有解决这个问题的办法吗？

【问题讨论】：

标签： angularjs ag-grid ag-grid-angular

【解决方案1】：

您可以使用 Ag Grid 提供的 ICellEditorAngularComp 的 focusIn() 函数来实现。

【讨论】：