JEECG Boot表格组件隐藏列数据获取问题解析

问题背景

在JEECG Boot项目3.7.1版本中，使用BasicTable组件时发现一个关于隐藏列数据获取的问题。当开发者将表格的id列设置为隐藏状态(ifShow:false)时，在beforeEditSubmit等编辑相关事件中，事件参数record对象会缺少这些隐藏列的信息，这给与后端接口的数据交互带来了不便。

问题表现

具体表现为：

1. 当表格列配置了ifShow:false属性时
2. 在触发beforeEditSubmit、edit-cancel、edit-end、edit-change等编辑相关事件时
3. 事件回调函数接收到的record参数中不包含这些隐藏列的数据

技术分析

这个问题本质上涉及表格组件的数据管理机制。在JEECG Boot的BasicTable组件中，默认情况下，隐藏列(ifShow:false)的数据会被从事件参数中过滤掉，这可能是出于性能或数据安全的考虑。

解决方案

针对这个问题，JEECG Boot官方提供了替代方案：使用defaultHidden属性代替ifShow:false。

defaultHidden与ifShow的主要区别：

1. defaultHidden仅控制列的默认显示状态，不会影响数据传递
2. ifShow则完全控制列的显示与否，同时会影响数据传递

最佳实践

在实际开发中，如果需要隐藏某些列但又需要保留这些列的数据，推荐采用以下配置方式：

{
  title: 'ID',
  dataIndex: 'id',
  defaultHidden: true,  // 替代ifShow:false
  // 其他配置...
}

这样配置后，表格将默认不显示ID列，但在各种事件回调中仍然可以获取到ID数据，方便与后端交互。

总结

JEECG Boot表格组件提供了灵活的列显示控制方式，开发者需要根据实际需求选择合适的属性：

• 如果只是视觉上隐藏列但需要保留数据，使用defaultHidden
• 如果确实需要完全移除列及其数据，使用ifShow

理解这两种属性的区别，可以帮助开发者更好地控制表格行为，避免数据丢失问题。