ExtJS4 Grid获取修改后数据的实现

作者:技术拾光

时间:2026-06-10

浏览:163

ExtJS4中通过编辑事件对象e可获取grid修改后的数据,其属性grid、record、field、value、originalValue分别对应表格组件、记录、字段名、新值及原始值,利用这些属性可提取编辑前后数据或定位行列信息。

文章目录
来看看API是怎么说的。其实,提取这些修改后的数据并不复杂,核心就在这个事件对象里。

事件对象 e 的完整属性解析

事件对象 e 里携带了大量信息,能让你完整地看到编辑的前因后果。它包含了以下几个关键属性:

  • grid —— 触发编辑的表格组件本身
  • record —— 被编辑的那条数据记录
  • field —— 具体被修改的是哪个字段名
  • value —— 编辑后设置的新值
  • originalValue —— 修改前的原始值,这个在做变更对比时很有用
  • row —— 对应的表格行元素
  • column —— 定义被编辑列的列对象
  • rowIdx —— 被编辑的行索引
  • colIdx —— 被编辑的列索引

如何利用事件对象快速处理编辑数据

可以看到,无论是想获取编辑后的数据,还是要记录变更日志,通过这个 e 对象都能一步到位。关键是搞清楚自己需要什么:是要新值、旧值,还是定位到具体行列的信息。明白了这些属性,处理编辑事件就能信手拈来了。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章