首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >(Ag-Grid)在编辑过程中,如何立即改变值,而不是在单元格失去焦点之后?

(Ag-Grid)在编辑过程中,如何立即改变值,而不是在单元格失去焦点之后?
EN

Stack Overflow用户
提问于 2019-07-25 08:15:40
回答 2查看 2K关注 0票数 6

在ag网格中,当在表中输入一些值时,我需要在inputchange事件上接收更新的值。

但是,只有当单元格失去焦点时才会触发onCellValueChanged,而且我无法找到立即获取值的方法。我唯一的限制-我不能添加自定义cellEditor,它需要网格默认。

能否有人,请,建议如何达到这样的行为?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-06-07 08:22:34

通过利用网格事件onCellKeyDown,可以在编辑时获得单元格的当前值

https://www.ag-grid.com/javascript-grid/keyboard-navigation/#keyboard-events

代码语言:javascript
运行
复制
var gridOptions = {
    onCellKeyDown: params => {
        console.log('current value', params.event.target.value)
    },
}

请参阅此示例,其中显示如下:https://plnkr.co/edit/GbMglD1fxTTeSZFj

票数 2
EN

Stack Overflow用户

发布于 2021-06-04 11:45:17

根据银栅,您可以使用自定义回调onCellEditingStopped

这将在每次单元格编辑结束时触发。

直接在网格选项对象上定义它,还可以访问已编辑的值(及其行和列),如下所示:

代码语言:javascript
运行
复制
const gridOptions = {
  columnDefs: [/* whatever */],
  defaultColDef: {/* whatever */},
  rowData: rowData,
  onCellEditingStopped: function(event) {
    console.log(event);
    console.log(event.oldValue); // cell's previous value
    console.log(event.newValue); // cell's new value
    console.log(event.column); // the column that was edited
    console.log(event.data); // the row that was edited
  },
};

// setup the grid after the page has finished loading
document.addEventListener('DOMContentLoaded', function() {
  var gridDiv = document.querySelector('#myGrid');
  new agGrid.Grid(gridDiv, gridOptions);
});

这里,您可以详细解释何时触发此onCellEditingStopped

您还可以检查全例

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57197287

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档