JeecgBoot中onlchange事件获取值问题的分析与解决方案

问题背景

在JeecgBoot 3.7.2版本中，开发人员在使用online表单功能时发现了一个关于onlchange事件的小问题。当在单表或一对一表配置中使用js增强的onlchange事件时，通过value=event.row.num获取的数值并不是当前输入的最新值，而是变化前的旧值。

问题现象

具体表现为：当用户在表单字段中输入新值（例如从空值输入"222"）时：

1. 第一次输入"2"时，获取的值为空（预期）
2. 第二次输入"22"时，获取的值为"2"
3. 第三次输入"222"时，获取的值为"22"

这种滞后一个字符的现象显然不符合开发者的预期，因为通常我们希望在onlchange事件触发时能够获取到字段的最新值。

技术分析

经过分析，这个问题源于JeecgBoot事件处理机制的一个小细节。在3.7.2版本中，onlchange事件触发时，event.row对象中的值尚未被更新为最新的输入值，而是保持着变化前的状态。这导致了开发者通过event.row.num获取的是旧值而非新值。

解决方案

针对这个问题，JeecgBoot团队已经提供了两种解决方案：

1. 升级到最新版本：在后续版本中，这个问题已经被修复，开发者可以直接使用event.row.num获取最新值。

2. 临时解决方案（适用于3.7.2版本）：可以使用event.value来获取当前控件的值。这个属性会返回字段的最新输入值，不受event.row更新延迟的影响。

最佳实践建议

在实际开发中，处理表单字段值变化时，建议：

1. 明确区分"变化前值"和"变化后值"的使用场景
2. 对于需要立即响应最新值的场景，优先使用event.value
3. 对于需要同时访问旧值和新值的场景，可以结合使用event.row和event.value
4. 在升级JeecgBoot版本后，进行充分的测试以确保事件处理逻辑符合预期

总结

JeecgBoot作为一款优秀的快速开发框架，其online表单功能极大提高了开发效率。虽然这个小问题在特定版本中存在，但通过理解其事件机制并采用正确的取值方式，开发者可以轻松应对。这也提醒我们在使用任何框架时，都需要深入了解其API设计和事件处理机制，才能编写出更加健壮的代码。