北京国炬信息技术有限公司

  • 首页
  • 产品方案
    • 低代码平台
    • 流程设计器
    • 微服务方案
    • 表单设计器
    • 大屏设计器
    • 报表设计器
    • 流程数据中台
    • 移动APP方案
  • 新闻动态
    • 公司动态
    • 技术博客
    • 学习视频
  • 关于我们
    • 公司简介
    • 发展历程
    • 公司荣誉
    • 联系我们
  • 人才招聘
首页 > 新闻动态 > 公司动态

积木报表自定义编辑单元格:预览页面直接编辑,数据修改更便捷

作者:admin 发布时间:2026-03-02 点击数:

在传统的报表系统中,报表往往只是用于数据展示和查看,如果需要修改数据,通常需要跳转到其他页面或系统,操作繁琐,效率低下。如何让报表不仅仅是查看工具,还能直接进行数据编辑和自定义操作?

积木报表(JimuReport) 在 v2.1.0 版本中,推出了自定义编辑单元格功能,支持将单元格设置为允许自定义编辑,在预览页面可以直接编辑单元格内容,并将修改后的数据发送到指定的 API 地址,真正实现了报表的交互式编辑能力。

一、功能概述:预览即编辑,灵活自定义

自定义编辑单元格功能允许用户将报表中的单元格设置为可编辑状态,在预览页面可以直接编辑单元格内容,并将修改后的数据发送到指定的 API 地址。这一功能特别适用于需要在查看报表时直接进行数据编辑或执行自定义操作的场景。

核心优势:

  1. 预览即编辑:在预览页面直接编辑单元格内容,无需跳转页面

  2. 灵活自定义:可以调用自己的接口实现数据编辑或其他自定义操作

  3. 操作简单:设置简单,使用便捷,用户体验良好

二、效果展示:编辑标识,一目了然

设置完成后,在预览页面可以看到单元格右上角有了三角标识,表示该单元格可以进行编辑。点击单元格后,会弹出编辑框,用户可以在编辑框中修改单元格内容,点击确定后,会将修改后的内容发送到指定的接口地址。

积木报表自定义编辑单元格:预览页面直接编辑,数据修改更便捷(图1)

提示:自定义编辑单元格功能让报表不仅仅是查看工具,更是一个可以进行数据编辑的交互式平台。

三、设置方式:六步完成,简单易用

1. 设计报表

首先设计一个报表,确保报表中有需要设置为可编辑的单元格。

积木报表自定义编辑单元格:预览页面直接编辑,数据修改更便捷(图2)

2. 选择单元格

选择有数据集的单元格,在右侧属性面板中,选择单元格选项卡,在其他设置中找到自定义编辑单元格按钮。

积木报表自定义编辑单元格:预览页面直接编辑,数据修改更便捷(图3)

3. 配置接口

点击自定义编辑单元格按钮,在弹出的对话框中,设置接收请求的地址,以及固定参数。

配置说明:

  • 接口地址:设置接收编辑数据的 API 地址

  • 固定参数:该参数只允许 JSON 格式,设置后,在预览页面编辑时参数会固定发送给接口

  • 接口实现:可以参考附录一的接口实现示例

积木报表自定义编辑单元格:预览页面直接编辑,数据修改更便捷(图4)

提示:接口地址和固定参数的设置需要根据实际业务需求进行配置,确保接口能够正确处理接收到的数据。

4. 预览效果

设置完成后,在预览页面可以看到单元格右上角有了三角标识,表示该单元格可以进行编辑。

积木报表自定义编辑单元格:预览页面直接编辑,数据修改更便捷(图5)

提示:三角标识清晰明确,用户可以一眼识别哪些单元格可以进行编辑。

5. 编辑单元格

点击单元格,弹出编辑框,可以在编辑框中修改单元格内容,点击确定后,会将修改后的内容发送到指定的接口地址。

积木报表自定义编辑单元格:预览页面直接编辑,数据修改更便捷(图6)

提示:编辑操作简单直观,用户体验良好,编辑完成后数据会自动发送到指定接口。

6. 接收数据

接口接收到的数据包含了编辑后的内容以及相关的上下文信息,可以根据这些信息进行后续的业务处理。

积木报表自定义编辑单元格:预览页面直接编辑,数据修改更便捷(图7)

重要提示:积木报表不会修改数据,只负责将修改后的数据发送到指定的接口地址。如果需要修改数据,请在接口中自行处理。这样可以确保数据安全,同时提供灵活的业务处理能力。

四、接口实现示例

附录一:自定义编辑单元格接口实现示例

以下是一个 Java Spring Boot 接口实现示例,展示了如何接收和处理自定义编辑单元格的数据:

@RequestMapping(value = "/jimureport/test/customCellEdit", method = RequestMethod.POST)public String customCellEdit(@RequestBody JSONObject json) {
    System.out.println("===================自定义编辑单元格====================");
    System.out.println(json.toJSONString());
    System.out.println("===================自定义编辑单元格====================");    return "{\"success\":true,\"message\":\"\",\"code\":200}";
}

接口说明:

  • 接口接收 POST 请求,请求体为 JSON 格式

  • 接口返回标准的 JSON 响应格式

  • 可以根据接收到的数据进行相应的业务处理

提示:接口实现需要根据实际业务需求进行开发,可以在此接口中进行数据更新、业务逻辑处理等操作。

五、应用场景:灵活应用,提升效率

1. 数据快速修正

场景描述:在查看报表时发现数据有误,需要快速修正。

解决方案:

  • 在报表中设置可编辑单元格

  • 在预览页面直接编辑错误数据

  • 数据自动发送到后端接口进行更新

2. 状态更新

场景描述:在查看报表时需要更新数据状态,如订单状态、审批状态等。

解决方案:

  • 将状态字段设置为可编辑

  • 在预览页面直接修改状态

  • 通过接口更新数据库状态

3. 备注添加

场景描述:在查看报表时需要添加备注信息,如审核意见、处理说明等。

解决方案:

  • 将备注字段设置为可编辑

  • 在预览页面直接添加备注

  • 通过接口保存备注信息

总结

积木报表的自定义编辑单元格功能,通过预览即编辑、接口自定义、操作简单的方式,让报表不仅仅是查看工具,更是一个可以进行数据编辑的交互式平台。无论是数据快速修正、状态更新,还是备注添加、自定义业务操作,都可以通过自定义编辑单元格功能轻松实现。

立即体验 :访问积木报表官网,下载最新版本(v2.1.0+),体验全新的自定义编辑单元格功能,让报表不仅是查看,更是数据编辑的利器!


加入收藏
上一篇:2026 年最值得关注的开源低代码 / 零代码平台推荐
下一篇:告别来回滚动!积木报表冻结功能,表头固定让数据查看更轻松
返回列表

随便看看

  • 『开源资讯』JimuReport积木报表 v1.6.6 版本发布—免费报表工具
  • Jeecgboot-Vue3 v1.2.0 版本正式发布,企业级低代码平台
  • 【信创低代码】JeecgBoot适配达梦和人大金仓,TiDB配置手册
  • JimuReport积木报表 v1.4.2版本发布,免费的可视化低代码报表
  • 【ChatGPT】JeecgBoot v3.6.3 AI版本发布,企业级低代码平台
  • 突破性更新!JeecgBoot v3.8.1 震撼来袭 — 引领 AI 低代码开发新纪元!
  • JeecgBoot 3.3.0 版本发布,基于代码生成器的企业级低代码平台
  • 2026 年最值得关注的开源低代码 / 零代码平台推荐
  • JEECG-easypoi-2.0.3 版本发布
  • 告别重复劳动!积木报表定时导出让报表管理实现全自动化

  • 公司产品
  • JeecgBoot低代码平台
  • 敲敲云零代码
  • 大屏设计器
  • 流程设计器
  • 表单设计器
  • 源码下载
  • JeecgBoot低代码平台
  • 积木报表平台
  • 移动开发平台
  • 微信管家平台
  • 更多信息
  • JEECG官方论坛
  • JEECG插件市场
  • 仪表盘设计器
  • 积木报表官网
  • 联系我们
  • 中国·北京·朝阳区科荟前街1号院奥林佳泰大厦9层
  • 商务QQ: 418799587、69893005
  • 商务热线: 010-64808099(5*8小时)
  • 项目外包: 18611788525(5*8小时)
  • 扫码关注我们
Copyright © 2015 北京国炬软件 All Rights Reserved Powered by JEECG 京ICP备2023027727号