首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ag-grid :当列处于可编辑状态时,如何获取ag-grid中的旧值和新值

ag-grid是一个用于构建数据网格的JavaScript库。它提供了丰富的功能和灵活的配置选项,使开发人员能够创建功能强大且高度可定制的数据网格。

在ag-grid中,当列处于可编辑状态时,可以通过监听cellValueChanged事件来获取旧值和新值。具体步骤如下:

  1. 首先,在你的ag-grid配置中,为需要监听的列添加onCellValueChanged属性,指定一个回调函数。例如:
代码语言:txt
复制
columnDefs: [
  { headerName: 'Name', field: 'name', editable: true, onCellValueChanged: handleCellValueChanged },
  // 其他列配置...
]
  1. 在回调函数handleCellValueChanged中,可以通过params参数获取旧值和新值。例如:
代码语言:txt
复制
function handleCellValueChanged(params) {
  const oldValue = params.oldValue;
  const newValue = params.newValue;
  // 处理旧值和新值...
}

在这个回调函数中,你可以根据需要对旧值和新值进行任何处理,例如验证、保存到数据库等。

关于ag-grid的更多信息和使用方法,你可以参考腾讯云的相关产品腾讯云数据万象,它是一款提供图像和视频处理能力的云服务,可以帮助开发者快速实现图片和视频的上传、处理、存储和分发等功能。具体产品介绍和文档可以参考腾讯云数据万象

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

《后现代全栈系统的设计与应用》

摘要:本系统旨在设计一款基于MVC的web系统,以产品经理和项目经理为目标用户,针对EXCEL表格统计软件的不足,提出一套轻量级、易操作的解决方案,搭建了一个存储在云端的项目资源管理网站。系统围绕企业中人与项目这两个资源该如何搭配这个主题,提供了项目资源的编辑与统计服务等定制的项目管理功能,能够让管理人员在网页上管理员工与项目之间的工时安排,编辑、统计每个项目对每个部门的资源需求以及每个部门给每个项目提供的人力资源数等具体功能。本系统以material design为UI主题,以SPA应用程序为设计模式,以函数式编程为代码风格,实现一个高可用,易扩展的网站。

02

基于web的项目资源分配系统

摘要:本系统旨在设计一款基于MVC的web系统,以产品经理和项目经理为目标用户,针对EXCEL表格统计软件的不足,提出一套轻量级、易操作的解决方案,搭建了一个存储在云端的项目资源管理网站。系统围绕企业中人与项目这两个资源该如何搭配这个主题,提供了项目资源的编辑与统计服务等定制的项目管理功能,能够让管理人员在网页上管理员工与项目之间的工时安排,编辑、统计每个项目对每个部门的资源需求以及每个部门给每个项目提供的人力资源数等具体功能。本系统以material design为UI主题,以SPA应用程序为设计模式,以函数式编程为代码风格,实现一个高可用,易扩展的网站。

07
领券