Ag-grid 中 onCellValueChanged 和 Tab 键的问题

Posted 2023-03-28

【中文标题】Ag-grid 中 onCellValueChanged 和 Tab 键的问题

【英文标题】：Problem with onCellValueChanged and Tab Key in Ag-grid

【发布时间】：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 键盘键时，我可以更改值，但它返回一个空值并且不执行计算。

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

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

【参考方案1】：

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