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

0 阅读5分钟

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

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

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

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

核心优势

  1. 预览即编辑:在预览页面直接编辑单元格内容,无需跳转页面
  2. 灵活自定义:可以调用自己的接口实现数据编辑或其他自定义操作
  3. 操作简单:设置简单,使用便捷,用户体验良好

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

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

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

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

1. 设计报表

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

2. 选择单元格

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

3. 配置接口

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

配置说明

  • 接口地址:设置接收编辑数据的 API 地址
  • 固定参数:该参数只允许 JSON 格式,设置后,在预览页面编辑时参数会固定发送给接口
  • 接口实现:可以参考附录一的接口实现示例

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

4. 预览效果

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

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

5. 编辑单元格

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

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

6. 接收数据

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

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

四、接口实现示例

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

以下是一个 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+),体验全新的自定义编辑单元格功能,让报表不仅是查看,更是数据编辑的利器!