历史版本16 :JS实现填报数据逻辑删除 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 问题描述

用户有时需要实现数据备份留底且数据不能在业务界面展现的效果,该如何操作呢?

1.2 解决思路

  • 使用逻辑删除来解决。即在数据库表中增加一列「状态」,通过更改这个状态列的值,控制数据的可见与不可见。

  • 过滤展现数据。即使用「状态」字段的值约束数据是否显示,例如,原始查询语句为:select * from CUSTOMER ,状态约束后的查询语句为:select * from CUSTOMER  where 状态="1"

2. 示例编辑

以 FRDemo 中的 CUSTOMER 表为例,由于表中没有「状态」字段,使用district字段作为「标记」。

district 字段中的值为 1 时,为正常数据;当 district 字段中的值为 0 时,为删除的数据。

2.1 数据准备

新建普通报表,新建数据库查询 ds1,SQL 查询语句为:select * from CUSTOMER

2.2 表样设计

将 ds1 中的数据列拖入到模板中,为表格设置边框、文本居中对齐、F 列文本设置颜色为红色,表格样式如下图所示:

2020-09-27_16-36-45.png

2.3 添加按钮控件

为 G2、H2 单元格添加「按钮控件」,按钮名字分别为「删除」和「取消删除」。步骤如下图所示:

1611735679978801.png

2.4 添加点击事件

1)选中 G2 单元格,点击右侧「控件设置>事件」,添加点击事件。点击事件中增加参数 row 和参数 col ,值用公式表示分别为:row() - 1 col() - 2。输入 JavaScript 代码如下:

FR.Msg.confirm("提示","确定要删除数据吗?",function(value){if(value){
_g().setCellValue(col,row,"0");
_g('${sessionID}').writeReport(); }
else{_g().setCellValue(col,row,"1");
_g().parameterCommit(); } })

步骤如下图所示:

Snag_52b8a05e.png

2)选中 H2 单元格,点击右侧「控件设置>事件」,添加点击事件。点击事件中增加参数 row 和参数 col ,值用公式表示分别为:row() - 1 和col() - 3。

JavaScript 代码如下:

var v1 = _g().getCellValue(0, col, row);
FR.Msg.confirm("提示", "确定要取消删除数据吗?", function(value) {
if (value) {
_g().setCellValue(col, row, "1");
_g().verifyAndWriteReport();
} else {
g().setCellValue(col, row, "0");
_g().verifyAndWriteReport();
_g().parameterCommit();
}
});

如下图所示:

Snag_52ba23d2.png

2.5 报表填报属性设置

点击菜单栏「模板>报表填报属性」,添加一个「内置 SQL 提交」,选择数据库 FRDemo 中的「CUSTOMER」表,添加「CUSTOMERID」和「DISTRICT」两个字段及对应的单元格。如下图所示:

注:报表填报属性设置步骤请参考报表填报属性 
1601197306234498.png

2.6 形态设置

选中 F2 单元格,点击「单元格属性>形态」,选择「公式形态」,输入公式:if($$$="1","正常","已经删除"),表示如果当前单元格值为 1,显示为「正常」,否则显示为「已经删除」。

Snag_4d9ddf.png

2.7 效果预览

2.7.1 PC 端

保存模板,点击「填报预览」,效果如下图所示:

1583726166714943.gif

2.7.2 移动端

App 端和 HTML5 端均支持,效果如下图所示:

1583726986101794.gif

3. 模板下载编辑

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\JS实现数据逻辑删除.cpt

点击下载模板:JS实现数据逻辑删除.cpt